彩虹仪表盘echarts #cf3'], [0.10,'#9f3'], [0.15,'#6f3'], [0.20,'#3f3'], [0.25,'#3f6'], [0.30,'#3f9'], [0.35,'#3fc'], [0.40,'#3ff'], [0.45,'#3cf'], [0.50,'#39f'], [0.55,'#36f'], [0.60,'#33f'], [0.65,'#63f'], [0.70,'#93f'], [0.75,'#c3f'], [0.80,'#f3f'], [0.85,'#f3c'], [0.90,'#f39'], [0.95,'#f36'], [1,'#f33'] ] } }, axisTick: { show: true //小刻度 }, axisLabel: { show: false, textStyle: { fontSize: 12 } }, splitLine: { show: true }, pointer: { show: true, width: "2%", length: '90%配置项内容和展示

漂亮的色阶：）

      option = {
backgroundColor:'#transparent',
    title: {
        show: false
    },
    tooltip : {show: false,
        formatter: "{a}：{b}{c}%"
    },
    series: [{
        name: '彩虹仪表盘',
        type: "gauge",
        startAngle: 180,
        endAngle: 0,
        min: 0,
        max: 100,
        radius: "90%",
        center: ["50%", "50%"],
        axisLine: {
            show: true,
            lineStyle: {
                width: 20,
                shadowBlur: 0,
                color: [
              [0.05,'#cf3'],
              [0.10,'#9f3'],
              [0.15,'#6f3'],
              [0.20,'#3f3'],
              [0.25,'#3f6'],
              [0.30,'#3f9'],
              [0.35,'#3fc'],
              [0.40,'#3ff'],
              [0.45,'#3cf'],
              [0.50,'#39f'],
              [0.55,'#36f'],
              [0.60,'#33f'],
              [0.65,'#63f'],
              [0.70,'#93f'],
              [0.75,'#c3f'],
              [0.80,'#f3f'],
              [0.85,'#f3c'],
              [0.90,'#f39'],
              [0.95,'#f36'],
              [1,'#f33']
                ]
            }
        },
        axisTick: {
            show: true //小刻度
        },
        axisLabel: {
            show: false,
            textStyle: {
            fontSize: 12
            }
        },
        splitLine: {
            show: true
        },
       pointer: {
            show: true,
            width: "2%",
            length: '90%',
            color: "red"
        },
       title: {
            offsetCenter: [0, '-55%'],
            textStyle: {
            fontSize: 12,
            color:'#fff'
            }
            },
        detail: {
            formatter: '{value}%',
            offsetCenter: ['0', '-30%'],
            textStyle: {
            fontSize: 24
            }
        },
        data: [{value: 88, name: '销售目标完成率'}]
    }]
};