饼图改造-0echarts 饼配置项内容和展示

1.中间圆圈显示数值 2外环超过50%开始渐变（横向） 3.带类似仪表盘的指针

      option = {
    tooltip:{
        trigger:'none'
    },
    series: [
        {
             silent:true,
             z:1,
            startAngle:0,
            type: 'pie',
            radius: ['50%', '70%'],
            label: {
                show: false,
            },
            data: [
                {value: 50,itemStyle:{color:'#3477F6',borderColor:'#3477F6',  }},
                {value: 30,itemStyle:{color:{
                     type: 'linear',
                    x: 0,
                    x2: 1,
                    y: 0,
                    y2: 0,
                    colorStops: [
                    {
                        offset: 0, color: '#3477F6' // 0% 处的颜色
                    },
                     {
                        offset: 0.3, color: '#3477F6' // 0% 处的颜色
                    },
                    {
                        offset: 1, color: '#FF708B' // 100% 处的颜色
                    }
                    ],
                    global: false // 缺省为 false
                },
                }},
                {value: 20,itemStyle:{color:'white'}},
            ]
        },
         {
               z:2,
                 silent:true,
         startAngle:0,
          
            type: 'pie',
            radius: ['50%', '60%'],
            label: {
                show: false,
            },
            itemStyle:{
              color:{
                     type: 'linear',
                    x: 0,
                    x2: 1,
                    y: 0,
                    y2: 0,
                    colorStops: [
                    {
                        offset: 0, color: '#FF708B80' // 0% 处的颜色
                    },
                     
                    {
                        offset: 1, color: '#FF708B' // 100% 处的颜色
                    }
                    ],
                    global: false // 缺省为 false
                }  
            },
            data: [
                {value: 79,itemStyle:{color:'white',borderColor:"white"}},
                {value: 1,itemStyle:{color:'#00000000'}},
                {value: 20, itemStyle:{color:'white'}},
            ]
        },
         {
               z:3,
                 silent:true,
             startAngle:0,
        
            type: 'pie',
            radius: '50%',
            data: [
                {value: 1, },
            ],
            
            itemStyle:{
                color:'white',
                shadowColor: '#BCC9DF',
                shadowBlur: 10
            },
            label:{
                show:true,
                formatter:'80%',
                position:'center',
                textStyle:{
                    color:'#333333',
                    fontSize:20
                }
            }
        },
    ]
};