Echarts在线免费图表

 
            option = {
    series: [{
            type: "gauge",
            startAngle: 180,
            endAngle: 0,
            min: 0,
            max: 200,
            splitNumber: 4,
            axisLine: {
                lineStyle: {
                    width: 20, //柱子的宽度
                    color: [
                        [0.25, '#E41937'],
                        [0.5, '#00457C'],
                        [0.85, '#518AC9'],
                        [1, '#E6D9C4']
                    ] //0.298是百分比的比例值（小数），还有对应两个颜色值
                },

            },
            axisLabel: {
                distance: -52,
                clickable: true,
                textStyle: {
                    color: ["#2d99e2", ],
                    fontSize: 12,
                }
            },

            axisTick: {
                show: false,
            },
            splitLine: {
                show: false
            },
            pointer: {
                width: 8,
                lengthx: "110%",
            },
            detail: {
                formatter: '{value}',
                textStyle: {
                    fontSize: 16
                }
            },
            data: [

                {
                    value: 30,
                    itemStyle: {
                        color: '#000',
                    },

                },

            ]
        }]
};