Echarts在线免费图表

 
            option = {
    backgroundColor: '#0E1327',
    series: [
        {
        type: 'gauge',
        z:100,
        axisLine: {
            lineStyle: {
                width: 5,
                color: [
                            [
                                0.3, new echarts.graphic.LinearGradient(
                                    0, 1, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(0, 237, 3,0.1)',
                                        }, {
                                            offset: 0.5,
                                            color: 'rgba(0, 237, 3,0.6)',
                                        },
                                        {
                                            offset: 1,
                                            color: 'rgba(0, 237, 3,1)',
                                        }
                                    ]
                                )
                            ],
                            [
                                0.7, new echarts.graphic.LinearGradient(
                                    0, 1, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(255, 184, 0,0.1)',
                                        }, {
                                            offset: 0.5,
                                            color: 'rgba(255, 184, 0,0.6)',
                                        },
                                        {
                                            offset: 1,
                                            color: 'rgba(255, 184, 0,1)',
                                        }
                                    ]
                                )
                            ],
                            [
                                1, new echarts.graphic.LinearGradient(
                                    0, 1, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(175, 36, 74,0.1)',
                                        }, {
                                            offset: 0.5,
                                            color: 'rgba(255, 36, 74,0.6)',
                                        },
                                        {
                                            offset: 1,
                                            color: 'rgba(255, 36, 74,1)',
                                        }
                                    ]
                                )
                            ]
                        ],
                // color: [
                //     [0.3, '#00ed03'],
                //     [0.7, '#ffb800'],
                //     [1, '#af00a9']
                // ]
                /*color: [
                    [1, new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0.3,
                            color: "#00ed03"
                        },
                        {
                            offset: 0.7,
                            color: "#ffb800"
                        },
                        {
                            offset: 1,
                            color: "#af00a9"
                        }
                    ])]
                ]*/
            }
        },
        // radius: '50%',
        pointer: {
            itemStyle: {
                color: 'auto'
            }
        },
        axisTick: {
            distance: 0,
            length: 8,
            lineStyle: {
                color: 'auto',
                width: 2
            }
        },
        splitLine: {
            distance: 0,
            length: 20,
            lineStyle: {
                color: 'auto',
                width: 4
            }
        },
        axisLabel: {
            color: 'white',
            distance: 30,
            fontSize: 15
        },
        detail: {
            valueAnimation: true,
            formatter: '{value} %',
            color: 'white'
        },
        data: [{
            value: 70
        }]
    },
    ]
};

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