解决echarts的饼图多行标签重合和超过范围的问题

echarts的饼图标签重合大家都知道用avoidLabelOverlap:true,这样一来就会使标签不重合,但是有几个问题,如果标签是自定义的如下图解决echarts的饼图多行标签重合和超过范围的问题_第1张图片

标签还是会重叠在一起,这个时候改变标签的fontSize就可以达到效果,

label: {
                normal: {
                    textStyle:{
                        fontSize:24,
                    },}}

再利用rich重置标签内的fontSize的大小,这样就能将重叠的标签彻底的分开解决echarts的饼图多行标签重合和超过范围的问题_第2张图片
还有一种特殊的情况就是全部为0,最后一个为1的情况,会导致标签超过了范围,这个时候调整饼图的旋转角度。

你可能感兴趣的:(echarts,笔记,饼图标签重合问题,echarts,饼图标签重合问题)