echars饼图，解决文字重叠

echars饼图，解决文字重叠

如图：

下面再来说下我的解决方案：

第一步：调整文字的显示大小，手机上文字可以更小，这里我用的是8px字号

第二步：设置最小扇区角度，minAngle（最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互）

第三步：avoidLabelOverlap（是否启用防止标签重叠策略，默认默认开启）

第四步：文字换行展示，echarts给我们提供了一个 formatter（标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 \n 换行） 属性。

关键代码如下：

 series: [
        {
            type: 'pie',
            clickable:false,　　　　　　 //是否开启点击
            minAngle: 5,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
            avoidLabelOverlap: true,   //是否启用防止标签重叠策略
            hoverAnimation:false,　　  //是否开启 hover 在扇区上的放大动画效果。