Question

我使用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);
        });

Answer 1

其中一个解决方案是使用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);                   
});

代码很脏，但你应该得到一个观点。同样在这里工作fiddle。

Answer 2

不幸的是，通过定义每个帧的增量来看速度是硬编码的。这是一个猴子修补版本来改变速度see this jsfiddle

问题在于：

increment = Math.max(Math.abs( that.settings.pointerValue - pointerValue ) / 8, 3);

使用jsgauge创建一个量表

2 个答案: