使用jsgauge创建一个量表
我用jsgauge插件创建了一个量表
我无法做的是控制针的速度。 它应该移动到比默认速度慢一点的指定值。 针也应该从0开始。
这个小提琴是http://jsfiddle.net/aryan7987/h45Tr/2/
Query(document).ready(function(){ jQuery("#example") .gauge({ min: 0, max: 100, label: 'EMPLOYEE', startangle: 0, bands: [{color: "#ff0000", from: 90, to: 100}] }) .gauge('setValue', 59); });
解决方案之一是使用setInterval函数并逐步增加仪表值，并且需要延迟，如下所示：
jQuery(document).ready(function(){ var g = jQuery("#example") .gauge({ min: 0, max: 100, label: 'RPM', bands: [{color: "#ff0000", from: 90, to: 100}] }); var m = 0; var timer = window.setInterval(function() { m++; g.gauge('setValue', m); if (m==58) { clearInterval(timer); } }, 200); });
代码很脏但你应该得到一个观点。 还在这里工作小提琴 。
不幸的是，通过定义每个帧的增量来看速度是硬编码的。 这是一个猴子修补版本来改变速度看到这个jsfiddle
问题在于：
increment = Math.max(Math.abs( that.settings.pointerValue - pointerValue ) / 8, 3);