看了一下代码没有问题;于是查询了下资料得到解决,下边记录下解决过程:

搜了一下主要有几种说法,可以按照一下步骤排查:

 

1、检查一下echarts是否安装成功

2、如果安装成功了,可能是安装的版本过高。

删除原有的,重新安装指定版本。
npm uninstall echarts --save
npm install echarts@4.8.0 --save

3、如果还不好用,查看一下自身的引用时是否引用得不对。

在main.js中改为

import * as echarts from 'echarts';//引入echarts
Vue.prototype.$echarts = echarts //引入组件

使用的时候

 var myChart = this.$echarts.init(document.getElementById('myChart'));

 4、仍然不好用的话,可以考虑将document.getElementById(‘myChart’)换成$refs。

var myChart = this.$echarts.init(this.$refs.chartDom);

5、一般这时到第四步都解决了!!!!如果你还没解决,你就要看一下你的标签放置的位置以及你外层代码是否有什么限制。

Logo

前往低代码交流专区

更多推荐