echarts 仪表盘渐变色

要为 Echarts 仪表盘添加渐变色，可以使用 Echarts 的渐变色组件。具体步骤如下：

1. 在 Echarts 的 option 中定义渐变色组件：

option = {
    // 定义渐变色组件
    visualMap: {
        min: 0,
        max: 100,
        type: 'piecewise',
        orient: 'horizontal',
        left: 'center',
        top: 65,
        textStyle: {
            color: '#fff'
        },
        inRange: {
            color: ['#00FF00', '#FFFF00', '#FF0000'],
            // 渐变色方向
            colorLightness: [0.2, 0.5, 0.8]
        },
        pieces: [
            {min: 0, max: 60},
            {min: 60, max: 90},
            {min: 90, max: 100}
        ]
    },
    // 其他配置项
    ...
}

2. 在仪表盘的 series 中使用渐变色组件：

option = {
    series: [{
        name: '仪表盘',
        type: 'gauge',
        // 其他配置项
        // ...
        detail: {
            formatter: '{value}%'
        },
        data: [{
            value: 50,
            name: '完成率'
        }],
        // 使用渐变色组件
        axisLine: {
            lineStyle: {
                width: 10,
                color: [[1, '#00FF00']],
                shadowBlur: 0,
                shadowOffsetX: 0,
                shadowOffsetY: 0,
                shadowColor: '#000',
                // 渐变色方向
                opacity: 0.7,
                colorLightness: [0.2, 0.5, 0.8]
            }
        },
        // 其他配置项
        // ...
    }]
}

上述代码中，通过在 visualMap 中定义渐变色组件，然后在仪表盘的 axisLine 配置项中使用 color 属性设置为 [[1, '#00FF00']]，表示使用 visualMap 中设置的渐变色。同时，可以通过设置 colorLightness 属性来控制渐变色的方向和范围。