解决 Echarts饼图文字过长重叠问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决 Echarts饼图文字过长重叠问题相关的知识,希望对你有一定的参考价值。
参考技术A 当我们使用 Echarts饼图时如果文字过长会导致重叠在一起,如下图:解决方法:
设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)
Echarts 解决饼图文字过长重叠的问题
参考技术A 下面再来说下解决方案第一步:调整文字的显示大小,手机上文字可以更小,这里我用的是8px字号
第二步:设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)
第三步:avoidLabelOverlap(是否启用防止标签重叠策略,默认默认开启)
第四步:文字换行展示,echarts给我们提供了一个 formatter(标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用 \n 换行) 属性。
转发自
以上是关于解决 Echarts饼图文字过长重叠问题的主要内容,如果未能解决你的问题,请参考以下文章