!nuxt-echarts

Nuxt ECharts

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Nuxt Module for Apache ECharts™

- 📖  Documentation

- ✨  Release Notes
- 🎞️  Online Demo
- 🏀  Online Playground

Features

- ✌️ Vue ECharts: effortless integration with the top Vue component for ECharts

- ⛰ SSR: Server-side SVG Rendering with Nuxt server components
- ♾️ Client Hydration: lazy-loading full ECharts or lightweight client runtime
- 🛠️ Configurable: import only necessary functionality for shrinking bundle size
- 🦾 Type Strong: auto-import ECharts option type based on your config
- 🌲 Tree-shaking: Components and ECharts are only included if you use them

Quick Setup

Install the module to your Nuxt application with one command:

``bash
npx nuxi module add echarts
`

That's it! You can now use Nuxt ECharts in your Nuxt app ✨

Contribution

Credits

The Nuxt ECharts module depends on vue-echarts, created by @Justineo.

License

This project is licensed under the MIT License.

Notice

The Apache Software Foundation Apache ECharts, ECharts, Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the Apache Software Foundation.

[npm-version-src]: https://img.shields.io/npm/v/nuxt-echarts/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/nuxt-echarts
[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-echarts.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/nuxt-echarts
[license-src]: https://img.shields.io/npm/l/nuxt-echarts.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/nuxt-echarts
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com