vue-echarts
Vue-ECharts
Apache ECharts™ 的 Vue.js 组件。
Vue 3 Demo →
```vue
<v-chart class="chart" :option="option" />
```
Vue 2 Demo →
```vue
<v-chart class="chart" :option="option" />
```
Vue 2 Demo →
```html
```
```js
// 全局注册组件（也可以使用局部注册）
Vue.component("v-chart", VueECharts);
```
Vue 3
```js
import { THEME_KEY } from 'vue-echarts'
import { provide } from 'vue'
// 组合式 API
provide(THEME_KEY, 'dark')
// 选项式 API
{
provide: {
[THEME_KEY]: 'dark'
}
}
```
Vue 2
```js
import { THEME_KEY } from 'vue-echarts'
// 组件选项中
{
provide: {
[THEME_KEY]: 'dark'
}
}
```
> **Note**
>
> 在 Vue 2 中，如果你想动态地改变这些选项，那么你需要提供一个对象。
>
> ```js
> // 组件选项中
> {
> data () {
> return {
> theme: { value: 'dark' }
> }
> },
> provide () {
> return {
> [THEME_KEY]: this.theme
> }
> }
> }
> ```