关于Echarts,官网上,是这样介绍的,“Echarts,一个使用JavaScript实现的开源可视化库”,也就是说,在使用过程中,将其作为普通的JavaScript组件库使用即可。
通过npm安装,在vue项目中引入后,在运行示例时,控制台报错:
翻译这句话,意思是,在mounted钩子函数中出现了错误,错误类型为,无法读取未定义的属性“init”。接下来首先检查Echarts的引入是否有误,我尝试了全局引入和部分引入两种方式,结果还是同样的报错。而报错信息老是提示init未定义,也就是初始化Echarts实例时:var myChart = echarts.init(document.getElementById('main'));这里使用了init,导致报错。而现在基本排除了引入出错,也不是其他语法错误,所以怀疑是版本问题。
果然,打开package.json,查看安装的Echarts版本,为5.x.x,而我打开一个成功运行Echarts的样例工程,其Echarts版本为4.x.x。所以卸载当前最新版的Echarts,重新安装指定版本,问题解决。