Vue+echarts实现数据可视化

本章节实现一个小案例，同时说明Vue+echarts绘图的框架
1.在components创建vue-echart1.vue文件，文件中分为三个部分

2.template标签中的内容模板为

3.script标签中的内容模板为

4.其中var options中写入绘制图形的echarts代码即可
例如绘制饼图，代码如下：

5.修改main.js中的代码

6.在终端进入vue文件所在路径，通过npm run dev即可。
7.结果如图所示：