Echarts入门踩坑记录

  关于Echarts,官网上,是这样介绍的,“Echarts,一个使用JavaScript实现的开源可视化库”,也就是说,在使用过程中,将其作为普通的JavaScript组件库使用即可。

  通过npm安装,在vue项目中引入后,在运行示例时,控制台报错:[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'init' of undefined"。

  翻译这句话,意思是,在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,重新安装指定版本,问题解决。

原文地址:https://www.cnblogs.com/smalldy/p/14294377.html