ECharts的饼图或圆环图标签重叠问题处理

1,126 阅读1分钟

问题描述

现有系统的饼图在标签拥挤重叠的情况下,标签会重叠,导致标签文字无法清晰显示,如下图:

image.png

问题分析

通过查看配置项代码发现options.serier.avoidLabelOverlap被设置为false。

image.png

问题解决方案

设置options.serier.avoidLabelOverlap=true以及设置圆环图的最小扇区角度为5,防止标签的某个值过小导致扇区太小影响交互,options.serier.minAngle=5

image.png
最后的效果图如下:

image.png