1

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);
        });
4

2 に答える 2

1

残念ながら、各フレームのデルタを定義することにより、速度がハードコーディングされているようです。これは、速度を変更するためのモンキー パッチ バージョンです。この jsfiddle を参照してください。

問題の行は次のとおりです。

increment = Math.max(Math.abs( that.settings.pointerValue - pointerValue ) / 8, 3);
于 2012-11-20T09:03:48.603 に答える
1

解決策の 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);                   
});

コードはかなり汚れていますが、ポイントを得る必要があります。ここでも作業フィドル。

于 2012-11-20T09:00:10.033 に答える