echarts 环形图 遇到的几个问题，可参考。

做出来大概是这样

1.环形大小，环形图位置

2.选到某块时，环形图中间显示的东西和样式修改。
在rich写富文本样式。

3.图例方向，样式，间隔，图例的图标样式，图例的图标大小。

4.各环块中间的间距
给中间设置间距后后，把颜色设置成背景色就可以了

完整代码如下：

  //指定图表的配置项和数据
  var option = {
    color: ["#13C2C2", "#2FC25B", "#FACC14"],  //各个选项颜色
    title: {
      text: "审核状态",
      left: "left",
      textStyle: {
        fontFamily: "PingFangSC-Medium",
        fontSize: 14,
        lineHeight: 22
      }
    },

    tooltip: {
      show: false, //悬浮提示是否显示
      trigger: 'item',
      // formatter: '{a} <br/>{b}: {c} ({d}%)'  //悬浮提示动态显示数值和样式设置

    },

    legend: {
      orient: 'horizontal',     //图例展示为横向。不设置默认纵向。horizontal 水平排列，vertical 垂直排列，
      color: [ "#13C2C2", "#2FC25B", "#FACC14"], //图例颜色
      icon: "circle",   //图例前图标是什么形状。类型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none
      y: "bottom",
      itemWidth: 8,　　　　　　　//图例大小  我这里用的是圆
      itemGap: 10,　// 图例之间的间距
      data: ['待审核', '已审核', '已驳回'],
      textStyle: {        //图例字体样式 
        fontSize: 14,
        lineHeight: 14
      },
    },

    series: [
      {
        name: '审核状态',
        type: 'pie',    
        radius: ['50%', '65%'],  //环形图大小
        center: ['35%', '30%'], //图的位置，距离左跟上的位置

        avoidLabelOverlap: false, //是否启用防止标签重叠策略，默认true
        //  silent:true,
        label: {
          show: false,
          position: 'center',
          
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '30',
            fontWeight: 'bold',
            formatter: function (params) {  //环形图中显示值和样式修改

              // {b0}<br />{c0}个
              var str =

                "{a|" + params.name + "}" + "\n" + "{b|" + params.value + "}"

              return str;
            },
            rich: {
              a: {
               
                fontSize: 14,
                lineHeight: 22,
                color: "rgba(0,0,0,0.45)",
               
              },
              b: {
                fontFamily: " HelveticaNeue",
                fontSize: 30,
                color: "rgba(0,0,0,0.85)",
                lineHeight: 38
              },
            }

          }
        },
        labelLine: {
          show: false
        },
        itemStyle: {
          borderWidth: 2, //
          borderColor: '#fff',
        },
        data: [
          { value: 335, name: '待审核' },
          { value: 310, name: '已审核' },
          { value: 234, name: '已驳回' }

        ]
      }
    ]
  };