vue引用echarts

在vue中使用echarts一般都是直接

npm install echarts -S下载然后全局或者局部引用。

在我资源中有一个文件，可以局部引用简化我们使用echarts

首先创建一个新项目写下使用过程

将文件复制到依赖中解压

里面有两个文件

在vue-echarts-v3中有一个src目录下有一个full.vue文件

代码中的用法，直接引用那个文件即可，mix中的内容就是option的内容div要注意设宽高。

 

然后直接运行项目的话会报错

照提示直接做，npm install --save echarts element-resize-detector

如果下载完之后运行还报错，注意查看下有没有vue-echarts-v3这个文件。

然后运行项目，效果图echarts的图形出来了。