在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的图形出来了。

 

Logo

前往低代码交流专区

更多推荐