Nuxt module for vue-chrts
npm install nuxt-charts[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
Nuxt module for vue-chrts
- 📊 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
``bashnpm
npm install 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
:data="data"
:categories="categories"
:height="300"
:xFormatter="xFormatter"
xLabel="Month"
yLabel="Amount"
/>
`Available Components
-
AreaChart - Area chart
- AreaStackedChart - Stacked area chart
- LineChart - Line chart
- BarChart - Bar chart
- DonutChart - Donut chartAuto-imported Types
The following types are auto-imported:
-
LegendPosition
- CurveType
- Orientation
- BulletLegendItemInterface`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