我之前只引用了 echart-all.js 字符云图可以出来,但是tooltip显示错乱。
在网上查了一堆,有的说text-padding给大点,有的说option会降序排序
其实都不是,我认为就是不同版本的echart 导致的问题!下面是正确的代码:
var option = { title: { text: optionTitle, }, tooltip: {}, series: [ { type: 'wordCloud', gridSize: 20, sizeRange: [20, 50], rotationRange: [-90,45,0, 90], shape: 'pentagon', width: 600, height: 400, drawOutOfBound: true, textStyle: { normal: { color: function () { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160) ].join(',') + ')'; } }, emphasis: { shadowBlur: 10, shadowColor: shadowColor, } }, data:dataValue, } ] };
我用的是这两个js文件:echarts.min.js echarts-wordcloud.js 可以去官网下载
注意:tooltip对象是空的,不要给 show:true 或者其他的,dataValue是一个数组 里面是json对象