仪表盘

描述:当前是关于Echarts图表中的 仪表盘 示例。
 
            option = {
    backgroundColor: '#000',
    "series": [{
        "title": {
            "show": false
        },
        "name": "",
        "type": "gauge",
        "min": 0,
        "max": 100,
        "splitNumber": 10,
        "startAngle": 210,
        "endAngle": -30,
        "center": ["50%", 440],
        "radius": 294.4,
        'axisTick': {
            show: false
        },
        'axisLabel': {
            show: false
        },
        'splitLine': {
            show: false
        },
        "axisLine": {
            "lineStyle": {
                "width": 1,
                "color": [
                    [1, {
                        "x": "0.00",
                        "y": "0.00",
                        "x2": "1.00",
                        "y2": "1.00",
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "#09BBD6"
                        }, {
                            "offset": 1,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.3579,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.6895,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.1211,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.8105,
                            "color": "#09BBD6"
                        }]
                    }]
                ]
            }
        },
        "pointer": {
            "show": true,
            length: '115%',
            width: 10, //指针粗细
        },
        "itemStyle": {
            color: '#09BBD6',
            borderColor: '#09BBD6',
            borderWidth: 2,
            shadowColor: '#09BBD6',
            shadowBlur: 20,
        },
        "detail": {
            "show": false
        },
        "data": [{
            "value": 50,
            "name": "半圆仪表_0"
        }]
    }, {
        "title": {
            "show": false
        },
        "name": "",
        "type": "gauge",
        "min": 0,
        "max": 100,
        "splitNumber": 1,
        "startAngle": 210,
        "endAngle": -30,
        "center": ["50%", 440],
        "radius": 320,
        "axisLine": {
            "lineStyle": {
                "width": 25.6,
                "color": [
                    [0.5, {
                        "x": "0.00",
                        "y": "0.00",
                        "x2": "1.00",
                        "y2": "1.00",
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.3579,
                            "color": "rgba(12,169,209,0.6)"
                        }, {
                            "offset": 0.55,
                            "color": "rgba(12,169,209,0.4)"
                        }]
                    }],
                    [1, "rgba(0,0,0,0)"]
                ]
            }
        },
        "pointer": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "axisLabel": {
            "show": false
        },
        "splitLine": {
            "show": false
        },
        "detail": {
            "show": false
        }
    }, {
        "title": {
            "show": false
        },
        "name": "",
        "type": "gauge",
        "min": 0,
        "max": 100,
        "splitNumber": 1,
        "startAngle": 210,
        "endAngle": -30,
        "center": ["50%", 440],
        "radius": 320,
        "axisLine": {
            "lineStyle": {
                "width": 2,
                "color": [
                    [1, {
                        "x": "0.00",
                        "y": "0.00",
                        "x2": "1.00",
                        "y2": "1.00",
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "#09BBD6"
                        }, {
                            "offset": 1,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.3579,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.6895,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.1211,
                            "color": "#09BBD6"
                        }, {
                            "offset": 0.8105,
                            "color": "#09BBD6"
                        }]
                    }]
                ]
            }
        },
        "pointer": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "axisLabel": {
            "show": false
        },
        "splitLine": {
            "length": 25.6,
            "lineStyle": {
                "width": 2,
                "color": {
                    "x": "0.00",
                    "y": "0.00",
                    "x2": "1.00",
                    "y2": "1.00",
                    "type": "linear",
                    "global": false,
                    "colorStops": [{
                        "offset": 0,
                        "color": "#09BBD6"
                    }, {
                        "offset": 1,
                        "color": "#09BBD6"
                    }, {
                        "offset": 0.3579,
                        "color": "#09BBD6"
                    }, {
                        "offset": 0.6895,
                        "color": "#09BBD6"
                    }, {
                        "offset": 0.1211,
                        "color": "#09BBD6"
                    }, {
                        "offset": 0.8105,
                        "color": "#09BBD6"
                    }]
                }
            }
        },
        "detail": {
            "show": false
        }
    }],
    "grid": {
        "top": 16,
        "left": 16,
        "right": 16,
        "bottom": 16,
        "containLabel": false
    }
}