怎么让ECharts饼图的label标签不重叠?

1.怎么让ECharts饼图的label标签不重叠?
使用ECharts饼图,如果有的项目占比很小,饼图所占空间也比较小的时候,会出现label标签重叠、标签被截断的情况(图1)。
在这里插入图片描述
图1: 标签重叠、被截断
可以通过设置radius属性,缩小饼图的半径调整(图2)。或者再配合minAngle属性,给每个扇区设置一个最小的角度,不好的地方就是有的扇形面积看起来会是一样大(图3)。
在这里插入图片描述
图2: 缩小饼图半径
在这里插入图片描述
图3:缩小半径+设置最小角度
另外可以调整label的alignTo属性,labelLine表示标签引导线末端对齐,edge表示文字对齐。
还有一种思路就是,使用label的formatter函数,处理标签文字,让标签文字换行。
根据实际情况,可以结合以上几种方式进行处理。

2.代码怎么写?

猜你喜欢

转载自blog.csdn.net/longxiaobao123/article/details/130133631