echarts 5.0 仪表盘gauge

 

 

 

 

 

 https://echarts.apache.org/examples/zh/editor.html?c=gauge-ring

 

下面是options配置项目内容：

option = {
    series: [{
        type: 'gauge',
        startAngle: 225,
        endAngle: -45,
        pointer: {
            show: false
        },
        progress: {
            show: true,
            overlap: false,
            roundCap: true,
            clip: false,
            itemStyle: {
                borderWidth: 1,
                borderColor: ' #4EDAB6'
            }
        },
        axisLine: {

            lineStyle: {
                width: 40
            }
        },
        splitLine: {
            show: false,
            distance: 0,
            length: 10
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: false,
            distance: 50
        },
        itemStyle: {
                color: '#4EDAB6'
            },
        data: [
        
        {
            value: 60,
            name: 'Commonly',
            title: {
                show:false
            },
            detail: {
               fontSize:34,
               color: '#4EDAB6',
               offsetCenter:['0','10%']
            }
        }
        ],
        title: {
            show:false
        },
        detail: {
           fontSize:34,
               color: '#4EDAB6'
        }
    }]
};