echarts 字符云里边的词太长?可以折行显示吗?

clipboard.png

        chart.setOption({
                tooltip: {
                    formatter(item) {
                        // console.log('item', item);
                        return `${item.name}: ${item.value}次`;
                    },
                },
                series: [{
                    type: 'wordCloud',
                    shape: 'rect',
                    width: '80%',
                    height: '80%',
                    size: [25,120],
                    rotationRange: [-90, 90],
                    gridSize: 1,
                    textStyle: {
                        normal: {
                            fontFamily: 'Microsoft YaHei',
                            color() {
                                return `rgb(${
                                    [Math.round(Math.random() * 160),
                                        Math.round(Math.random() * 160),
                                        Math.round(Math.random() * 160)]
                                        .join(',')})`;
                            },
                        },
                        emphasis: {
                            shadowBlur: 3,
                            shadowColor: '#333',
                        },
                    },
                    data: hotwordList,
                }],
            });

通过改变data中的内容,加入n的确可以达到换行的目的,但是会发生文字堆叠的情况

clipboard.png

阅读 3.7k
1 个回答

可以对data数据做处理,对name属性做相应的判断,如果大于多少位,就在多少位以后插入n,在官网给的案例里面name加n有作用

https://echarts.baidu.com/ech...
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进