next/examples/data/gauge-barometer.js

/*
title: Gauge Barometer chart
titleCN: 气压表
category: gauge
difficulty: 6
*/

option = {
    series: [{
        type: 'gauge',
        min: 0,
        max: 100,
        splitNumber: 10,
        radius: '80%',
        axisLine: {
            lineStyle: {
                color: [
                    [1, '#f00']
                ],
                width: 3
            }
        },
        splitLine: {
            distance: -18,
            length: 18,
            lineStyle: {
                color: '#f00'
            }
        },
        axisTick: {
            distance: -12,
            length: 10,
            lineStyle: {
                color: '#f00'
            }
        },
        axisLabel: {
            distance: -50,
            color: '#f00',
            fontSize: 25
        },
        anchor: {
            show: true,
            size: 20,
            itemStyle: {
                borderColor: '#000',
                borderWidth: 2
            }
        },
        pointer: {
            offsetCenter: [0, '10%'],
            icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
            length: '115%',
            itemStyle: {
                color: '#000'
            }
        },
        detail: {
            valueAnimation: true,
            precision: 1
        },
        title: {
            offsetCenter: [0, '-50%']
        },
        data: [{
            value: 58.46,
            name: 'PLP低压计'
        }]
    },
    {
        type: 'gauge',
        min: 0,
        max: 60,
        splitNumber: 6,
        axisLine: {
            lineStyle: {
                color: [
                    [1, '#000']
                ],
                width: 3
            }
        },
        splitLine: {
            distance: -3,
            length: 18,
            lineStyle: {
                color: '#000'
            }
        },
        axisTick: {
            distance: 0,
            length: 10,
            lineStyle: {
                color: '#000'
            }
        },
        axisLabel: {
            distance: 10,
            fontSize: 25,
            color: '#000'
        },
        pointer: {
            show: false
        },
        title: {
            show: false
        },
        anchor: {
            show: true,
            size: 14,
            itemStyle: {
                color: '#000'
            }
        }

    }
    ]
};
setInterval(function () {
    option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
    myChart.setOption(option, true);
}, 2000);