关于vue引入ECharts组件的问题

什么是ECharts？

Echarts
商业级数据图表，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。有折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表！
总问言之，它是最常用的图表插件

如何引入？

1.下载echart npm install echarts --save

2.vue 全局引用 在main.js中 引入 import echarts from 'echarts' 挂载 Vue.prototype.$echarts = echarts （非vue的自己的插件 都要挂载）

3.在组件使用 必须this继承过来 this.myChart =this.$echarts.init(document.getElementById('这里写定义的div名称'));

4.直接用setOption 数据即可 this.myChart.setOption(data) data={} 详情看官网