echarts是一个纯JavaScript的图标库，此处介绍最新版本4.2.0使用，其中的配置项也适用于3.0版本。本文介绍仪表盘几个方面：1）默认配置的仪表盘2）多个指针的仪表盘3）动态数据绑定绘制仪表盘
方法/步骤
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
动态数据绑定绘制仪表盘，运行效果如下
上一篇：如何自己在家杀鸡