Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】

Sky_Bug

已于 2024-01-15 16:34:48 修改

阅读量1.6k

点赞数 3

文章标签： javascript

于 2023-09-05 10:19:09 首次发布

本文链接：https://blog.csdn.net/Sky_Bug/article/details/132685999

版权

说实话，这个bug我搞了很久都弄不好，代码什么都没改就突然好了，很神奇

翻遍了各种文章，大概总结是

echart4x 要使用wordcloud@1x
echart5x 要使用wordcloud@2x
显示不出来换成min.js引入

诸如此类的，我试过都不行
一直都是报【ECharts Unknown series wordCloud】
正如开头所讲，莫名其妙就好了
可以参考评论区大佬，安装插件不要使用cnpm，正常使用npm
在这里插入图片描述

const options = {
      // 核心配置 
      series: [
        {
          type: 'wordCloud',
          sizeRange: [8, 46],
          rotationRange: [0, 0],
          gridSize: 0,
          layoutAnimation: true,
          textStyle: {
            color: randomRGB // 生成一些随机颜色的函数
          },
          data: props.data.datas, // 这里随便改成数组包含数据就好
          emphasis: {
            textStyle: {
              fontWeight: 'bold',
              color: '#000'
            }
          }
        }
      ]
    }