超能侠芭比果儿
2021-09-13 09:17
采纳率: 66.7%
浏览 23

echarts里面字符云修改配置

想达到这种效果

img

但是我的现在是这种效果,下面是代码和现在样子。

img


 option = {
        tooltip: {
          show: true
        },
      series: [
        {
          type: 'wordCloud',
          shape: 'rectangle',
          left: 'center',
          top: 'center',
          width: '98%',
          height: '90%',
          size: ['100%', '100%'],//防止字体丢失
          gridSize : 2,
          right: null,
          bottom: null,
          sizeRange: [10, 60],
          rotationRange: [0, 0],
          rotationStep: 45,
          gridSize: 8,
          drawOutOfBound: false,
          layoutAnimation: true,
          autoSize: {
            enable: true,
            minSize: 14
        },
      
          textStyle: {
            //fontSize: '28px',
            fontFamily: 'sans-serif',
            fontWeight: 'bold',
            color: function() {
              return (
                'rgb(' +
                [
                  Math.round(Math.random() * 160),
                  Math.round(Math.random() * 160),
                  Math.round(Math.random() * 160),
                ].join(',') +
                ')'
              );
            },
          },
          emphasis: {
            focus: 'self',
            textStyle: {
              shadowBlur: 10,
              shadowColor: '#333',
            },
          },
          data:wordData
        },
      ],
   
    };

还有就是怎么调整字体的大小,大小是由value,但是应该有一定的比例,现在的600和100差不多大小

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 超能侠芭比果儿 2021-09-13 09:39

    网上能搜到的配置太少啦!

    打赏 评论
  • 主要还是看echarts api吧里面很全

    打赏 评论

相关推荐 更多相似问题