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

说实话,这个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'
            }
          }
        }
      ]
    }

结果图:
在这里插入图片描述
这玩意可能要刷脸,祝你好运吧~

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值