echarts环形图设置内部渐变圆环

1.示例图

2.代码

在series里面加上如下代码即可

series: [    
      {
            name: '内部环形',
            type: 'gauge',
            radius: '53%',
            z: 3,
            startAngle: 210,
            endAngle: -30,
            axisLine: {
              lineStyle: {
                //设置颜色
                color: [
                  [
                    10,
                    new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                      {
                        offset: 0,
                        color: 'rgba(145,207,255,0)'
                      },
                      {
                        offset: 0.5,
                        color: 'rgba(145,207,255,0.2)'
                      },
                      {
                        offset: 1,
                        color: 'rgba(145,207,255,1)'
                      }
                    ])
                  ]
                ],
                width: 2
              }
            },
            axisLabel: {
              show: false
            },
            axisTick: {
              show: false
            },
            splitLine: {
              show: false
            },
            detail: {
              show: false
            }
      }
]