echarts 4.2 入门教程、实例教程（10-仪表盘）

1、新建如下结构的测试文件

     Echarts

        -- 10_gauge

            -- Content

                -- echarts.min.js

                -- jquery-1.11.3.min.js

            -- EchartsGauge.html

2、在测试页面中，添加基础仪表盘的代码

3、基础仪表盘运行效果如下

4、多个指针的仪表盘，代码如下

5、多个指针的仪表盘，运行效果如下

6、动态数据绑定绘制仪表盘，代码如下

    1）从后台获取到的数据，赋值给option变量对应的属性，再重新绘制图形即可

    2）可以通过js定时器，间隔时间，自动从数据库获取数据，绑定图形即可实现动态仪表盘效果

7、动态数据绑定绘制仪表盘，运行效果如下