22echarts gauge配置项内容和展示

配置项如下
      option = {
    backgroundColor: '#1b1b1b',
    tooltip: {
        formatter: "{a} <br/>{c} {b}"
    },
    toolbox: {
        show: true,
        feature: {
            mark: {
                show: true
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    series: [{
            name: '速度',
            type: 'gauge',
            min: 0,
            max: 100,
            splitNumber: 8,
            radius: '50%',
            axisLine: { // 坐标轴线
                lineStyle: { // 属性lineStyle控制线条样式
                    // color: [
                    //     [0.09, 'lime'],
                    //     [0.82, '#1e90ff'],
                    //     [1, '#ff4500']
                    // ],
                    width: 3,
                    // shadowColor: '#fff', //默认透明
                    // shadowBlur: 10
                }
            },
            axisLabel: { // 坐标轴小标记
                show:false,
                textStyle: { // 属性lineStyle控制线条样式
                    fontWeight: 'bolder',
                    color: '#fff',
                    // shadowColor: '#fff', //默认透明
                    // shadowBlur: 10
                }
            },
            axisTick: { // 坐标轴小标记
                length: 0, // 属性length控制线长
                lineStyle: { // 属性lineStyle控制线条样式
                    color: 'auto',
                    // shadowColor: '#fff', //默认透明
                    // shadowBlur: 10
                }
            },
            splitLine: { // 分隔线
                length: 15, // 属性length控制线长
                lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
                    width: 1,
                    color: '#fff',
                    // shadowColor: '#fff', //默认透明
                    // shadowBlur: 10
                }
            },
            pointer: { // 分隔线
                width: 3,
                // shadowColor: '#fff', //默认透明
                // shadowBlur: 5
            },
            title: {
                textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                    fontWeight: 'bolder',
                    fontSize: 20,
                    fontStyle: 'italic',
                    color: '#fff',
                    // shadowColor: '#fff', //默认透明
                    // shadowBlur: 10
                }
            },
            detail: {
                color: '#f00',
                // shadowColor: '#fff', //默认透明
                // shadowBlur: 5,
                offsetCenter: [0, '50%'], // x, y,单位px
                textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                    fontWeight: 'bolder',
                    color: '#fff'
                }
            },
            data: [{
                value: 95,
            }]
        },



    ]
};

// setInterval(function() {
//     option.series[0].data[0].value = (Math.random() * 100).toFixed(0) - 0;
//     myChart.setOption(option);
// }, 2000)
    
截图如下