echarts词云图遇到的坑

写在前面

目前echarts官网已经没有词云图的实例了,找不到相应的API和具体介绍。如果需要进行开发的话需要引入js:echarts-wordclouds.js。

下面是下载的百度云链接:

链接:https://pan.baidu.com/s/1xrNgnr6pd16NL7_vdxBRaQ
提取码:zhze

 

遇到的问题:

HTML页面发送ajax请求前台是能接收到json数据的,可是词云图却不显示,并且控制台还会报:

echarts词云图遇到的坑

 

就是echarts-wordcloud.js报错:cannot read properties of undefined(无法读取未定义的属性)。

 

解决办法:

 点开js的报错行数,如下图:

echarts词云图遇到的坑

 

会发现定义的属性是echarts3,这下问题的根源就清楚了,我导入的是echarts.min.js,定义的属性应该是echarts(个人猜测),将引入的js换成echarts3.js,问题解决。

 

补充:

echarts.wordcloud.js也会区分不同的版本,后来我又下载的js里定义的属性是echarts,会支持echarts.min.js,因此大家只要看第十行定义的echarts属性即可,在判断要引入哪个js。

 

上一篇:echarts中的玫瑰图(饼图)如何取消显示指示线和指示文字(coderwhy后台管理系统优化2)


下一篇:Echarts 数据区域缩放组件(dataZoom)