echarts词云库的使用

echarts在升级到2.0版本之后，不再支持词云库的使用，在最新版本的echarts（5.2.0）情况下控制台会出现如下报错

 

解决方法:

下载npm install echarts-wordcloud   【注：版本号：2.0.0】

下载成功之后，在min.js中写入 

const wordCloud = require('echarts-wordcloud');

之后词云库会正常展示 

但是显示正常之后可能会遇到出现的词云只有一个颜色，如图

出现这种情况可能是因为我们配置写的有问题

//这种配置写法已经不生效了
textStyle: {
     normal: {
        color: function() {
                 return 'rgb(' + [
                         Math.round(Math.random() * 160),
                         Math.round(Math.random() * 160),
                         Math.round(Math.random() * 160)
                 ].join(',') + ')';
        }
     },
}

//可以把normal对象去掉，就会正常显示不同的颜色。
textStyle : {
   fontFamily: 'PingFangSC-Semibold',
   fontWeight: 400,
   color: function () {
       return 'rgb(' + [
               Math.round(Math.random() * 160), 
               Math.round(Math.random() * 160), 
               Math.round(Math.random() * 160)
       ].join(',') + ')' ;
                                    
   },
}

 配置完成之后没有其他的问题，应该就可以正常显示我们想要的词云库

echarts版本号和echarts-wordcloud版本号如果不匹配，也会发生报错的问题，例如：

echarts版本号5.1.0对应的echarts-wordcloud的版本号是1.1.3

echarts版本号5.2.0对应的echarts-wordcloud的版本号是2.0.0

小伙伴们可以注意一下自己的版本号٩(๑❛ᴗ❛๑)۶