儀表盤gauge

儀表盤主要用在進度把控以及數據范圍的檢測

實現步驟：

（1）Echarts最基本的代碼結構

　　引入js文件，DOM容器，初始化對象，設置option

（2）准備數據，設置給series下的data

　　data:[{value:97}]

（3）圖表類型

　　在series下設置   type: "gauge"

常見效果：

（1）控制儀表盤的數值范圍：max、min

（2）多個指針：增加data中的數組元素

（3）多個指針顏色差異：itemStyle

　　<script src="lib/echarts.min.js"></script>
    <script src="lib/jquery.min.js"></script>

    <div id="main" style="width: 700px;height:400px;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));

        var option = {
            series: [{
                type: "gauge",
                data: [{
                        value: 98,
                        // 控制指針的顏色
                        itemStyle: {
                            color: 'pink'
                        }
                    }, // 每一個對象就代表一個指針
                    {
                        value: 70,
                        itemStyle: {
                            color: 'green'
                        }
                    }
                ],
                min: 50,
                max: 100
            }]
        }

        myChart.setOption(option);
    </script>

如圖：

儀表盤的特點：可以更直觀的表現出某個指標的進度或者實際情況。