echart字符云tooltip显示错乱问题

我之前只引用了 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对象

猜你喜欢

转载自www.cnblogs.com/lzxslf/p/9474521.html