双层仪表盘echarts {a|' + v + '}'; } else if (v == 85) { return '{b|' + v + '}'; } else { return v; }; }, textStyle: { color: "#bbb" }, rich: { a: { color: '#fbe010' }, b: { color: '#3fa7dc' } } }, splitLine: { show: true, length: 10, lineStyle: { color: '#fff配置项内容和展示

      var angle = [220, -40],
    curVal = 67.8;
var option = {
    backgroundColor: '#fff',
    tooltip: {
        show: false,
        formatter: "{a} <br/>{b} : {c}%"
    },
    series: [{
        name: '最外层环仪表盘',
        type: "gauge",
        min: 0,
        max: 100,
        startAngle: angle[0],
        endAngle: angle[1],
        splitNumber: 20,
        axisLine: {
            lineStyle: {
                color: [
                    [1, "#c1c3c5"]
                ],
                width: 10
            }
        },
        axisTick: {
            lineStyle: {
                color: "#fff",
                width: 2
            },
            length: 0,
            splitNumber: 1
        },
        axisLabel: {
            distance: -40,
            formatter: function(v) {
                if (v == 60) {
                    return '{a|' + v + '}';
                } else if (v == 85) {
                    return '{b|' + v + '}';
                } else {
                    return v;
                };
            },
            textStyle: {
                color: "#bbb"
            },
            rich: {
                a: {
                    color: '#fbe010'
                },
                b: {
                    color: '#3fa7dc'
                }
            }
        },
        splitLine: {
            show: true,
            length: 10,
            lineStyle: {
                color: '#fff',
                width: 2
            }
        },
        itemStyle: {
            normal: {
                color: "#818488",
                shadowColor: 'rgba(0, 0, 0, 0.5)',
                shadowBlur: 10
            }
        },
        detail: {
            formatter: "{value}分",
            offsetCenter: [0, "60%"],
            textStyle: {
                fontSize: 30,
                color: "#333"
            }
        },
        title: {
            show: false
        },
        pointer: {
            length: '85%'
        },
        data: [{
            value: curVal
        }]
    }, {
        name: "内环仪表盘四段颜色",
        type: "gauge",
        min: 0,
        max: 100,
        radius: '69%',
        startAngle: angle[0],
        endAngle: angle[1],
        splitNumber: 10,
        axisLine: {
            lineStyle: {
                color: [
                    [0.6, '#fb5310'],
                    [0.85, '#fbe010'],
                    [1, "#3fa7dc"]
                ],
                width: 15
            }
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: false
        },
        splitLine: {
            show: true,
            length: 15,
            lineStyle: {
                color: '#fff',
                width: 2
            }
        },
        pointer: {
            length: 0
        },
        detail: {
            show: false
        },
    }]
}