vue使用echarts报init为undefined问题

 

 

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

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

 

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、一般这时到第四步都解决了！！！！如果你还没解决，你就要看一下你的标签放置的位置以及你外层代码是否有什么限制。