jQuery或Ajax规范

Question

我正在寻找一个带有多个同心圆的仪表，每个圆圈显示不同实体的值。像这样......（见图）

这里每个针都显示相应实体的值。我在jQuery＆amp;中看到了一些仪表阿贾克斯。所以我想知道我是否能找到这样的东西。

Answer 1

使用旋钮插件，您将能够执行所需的操作：http://anthonyterrien.com/knob/ 只需叠加多次输入，每次使用更大的圆周，然后使用z-index。

Answer 2

您可以考虑使用Perfect Widgets库。请查看我为您创建的demo。我想这正是你所需要的。

Answer 3

您可能想看一下highcharts：

使用两个轴进行演示：http://www.highcharts.com/demo/gauge-dual

使用三个“针”进行演示：http://www.highcharts.com/demo/gauge-clock

使用两个仪表进行演示：http://www.highcharts.com/demo/gauge-vu-meter

Answer 4

您可以尝试jqChart径向测量仪 - http://www.jqchart.com/jquery/gauges/RadialGauge/NestedScales

以下是多针示例 - http://www.jqchart.com/jquery/gauges/RadialGauge/Needles

只是一个普通的模拟时钟 - http://www.jqchart.com/jquery/gauges/

免责声明：我为jqChart工作。