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，重新安装指定版本，问题解决。