vue-echarts 的使用与踩坑(长期更新)

资料

npm 地址
github 地址

正文

1. 简单的使用

• 安装

$ npm install echarts vue-echarts

# 或者使用 yarn 装
$ yarn add echarts vue-echarts

• main.js 中引入

import Vue from 'vue'
import ECharts from 'vue-echarts'

// 手动导入ECharts模块以减小包的大小
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'

// 如果要使用ECharts扩展，只需导入扩展包即可使用
// 以ECharts-GL为例：
// 您只需要使用`npm install --save echarts-gl`和按如下方式
import 'echarts-gl'

// 注册组件以使用
Vue.component('v-chart', ECharts)

• index.vue 文件中使用（以下是官网提供的 Demo 源码 查看地址）

2. 问题的记录

1. Cannot assign to read only property 'exports' of object '#