饼图加外圈细圆echarts 饼配置项内容和展示

       var data = [{
     "name": "审核",
     "value": 50
 }, {
     "name": "核准",
     "value": 20
 }, {
     "name": "备案",
     "value": 30
 } ]


 option = {

     color: ['#15faff', '#00a0e9', '#5555b5'],
     backgroundColor: '#000',
     title: {
         text: '总计（个）',
         subtext: 7789,
         textStyle: {
             color: '#ffffff',
             fontSize: 14,
             // align: 'center'
         },
         subtextStyle: {
             fontSize: 30,
             color: ['#15faff']
         },
         x: 'center',
         y: 'center',
     },
     grid: {
         bottom: 150,
         left: 100,
         right: '10%'
     },
     legend: {
         orient: 'vertical',
         top: "middle",
         right: "5%",
         textStyle: {
             color: ['#15faff', '#00a0e9', '#5555b5'],
             fontSize: 12,

         },
         icon: 'roundRect',
         data: data,
     },
     series: [
         // 主要展示层的
         {
             radius: ['15%', '25%'],
             center: ['50%', '50%'],
             type: 'pie',
             label: {
                 normal: {
                     padding: [0, -90],
                     show: true,
                     formatter: '{b|{b}:}{c|{c}个}\n{hr|}\n{d|{d}%}',
                     rich: {
                        b: {
                          fontSize: 16,
                          color: '#ffffff',
                          align: 'center',
                          padding: 4
                        },
                        c: {
                          fontSize: 16,
                          align: 'center',
                          padding: 4,
                          color: '#ffffff',
                          fontWeight: 1000
                        },
                        d: {
                          fontSize: 16,
                          align: 'center',
                          padding: 4,
                          color: '#ffffff',
                          fontWeight: 1000
                        }
                      },
                     textStyle: {
                         fontSize: 30,

                     },
                     position: 'outside'
                 },
                 emphasis: {
                     show: true
                 }
             },
             labelLine: {
                 normal: {
                     show: true,
                     length: 40,
                     length2: 150
                 },
                 emphasis: {
                     show: true
                 }
             },
             name: "办结总数",
             data: data,

         },
        {
             name: '外边框',
             type: 'pie',
             clockWise: false, //顺时加载
             hoverAnimation: false, //鼠标移入变大
             center: ['50%', '50%'],
             radius: ['28%', '28%'],
             label: {
                 normal: {
                     show: false
                 }
             },
             data: [{
                 value: 9,
                 name: '',
                 itemStyle: {
                     normal: {
                         borderWidth: 2,
                         borderColor: '#14e9f2'
                     }
                 }
             }]
         },
     ]
 };