Vue引入echarts.js,初始化init()遇到的坑。

报错一: Cannot read property ‘init’ of undefined

在这里插入图片描述
报未定义错误,说明echarts未定义,echarts未引入成功。引入低版本未解决,只需要将引入方式修改:

import echarts from 'echarts'; 
//修改为
import * as echarts from 'echarts'; 

报错二: echarts.init is not a function

在这里插入图片描述
报 init 不是方法,说明 echarts 已经定义,可以用测试变量z接受echarts,查看一下 echarts 的值:

this.z = this.$echarts;  //本例使用的是全局定义的echarts

发现 echarts 外面多包了一层:
在这里插入图片描述
所以,只需要多索引一层即可:

var myChart = this.$echarts.init(document.getElementById('dom_Id'));
//修改为
var myChart = this.$echarts.echarts.init(document.getElementById('dom_Id'));
Logo

前往低代码交流专区

更多推荐