nuxt-charts

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]

Nuxt module for vue-chrts

Features

- 📊 Use beautiful chart components in your Nuxt applications
- 🔄 Auto-imports for all chart components
- 📊 Multiple types: Line, Bar, Area, Donut
- 🎨 Easily customizable
- 💡 Simple, intuitive API
- 🚀 Built with Vue 3 and TypeScript

Installation

``bash


npm

npm install nuxt-charts

yarn

yarn add nuxt-charts

pnpm

pnpm add nuxt-charts
`

Usage

Add the module to your Nuxt config:

`ts
// nuxt.config.ts
export default defineNuxtConfig({
modules: ["nuxt-charts"]
});
`

Then use the components in your Nuxt application:

`vue



`

Available Components

- AreaChart - Area chart
- AreaStackedChart - Stacked area chart
- LineChart - Line chart
- BarChart - Bar chart
- DonutChart - Donut chart

Auto-imported Types

The following types are auto-imported:

- LegendPosition
- CurveType
- Orientation
- BulletLegendItemInterface`

License

MIT

[npm-version-src]: https://img.shields.io/npm/v/nuxt-charts/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/nuxt-charts
[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-charts.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/nuxt-charts