解决echarts图形由于label过长导致文字显示不全问题

使用echarts 打印饼图，在pc没问题，但一到移动端问题就来了，由于屏幕过小，导致label部分被遮挡

一、问题分析

如上图这个就尴尬了，囧么办呢？
还好echarts 提供了formatter方法

二、修改前代码块

    series: [
      {
   
        name: seriesName || '数据来源',
        type: 'pie',
        clickable: false,　　　　　　 //是否开启点击
        minAngle: 15,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
        avoidLabelOverlap: true,   //是否启用防止标签重叠策略
        hoverAnimation: false,　　  //是否开启 hover 在扇区上的放大动画效果。
        silent: true,　　　　　　　　//图形是否不响应和触发鼠标事件
        center: ['50%', '55%'],
        radius: ['20%', '45%'],
        labelLine: {
    // 设置指示线的长度
          normal: {
   
            length: 12,
            length2: 8
          }
        },
        label: {
   
          normal: {
   
            formatter: '{b|{b}}\n{c}\n{per|{d}%}  ',
            rich: {
   
              b: {
   
                fontSize: 12,
                height: 60,
                lineHeight: 20,