2017-08-09 13 views
-1

私はJustGage Javascript Pluginを使ってダイナミックゲージを作成しています。私はこのゲージに配列を渡して、それらの値を表示させたいと思います。今のところ、getRandomInt()を使ってランダムな整数を表示することしかできません。配列をjustGageに渡そうとしています

<script src="justgage-1.2.2/justgage.js"></script> 
<script src="justgage-1.2.2/raphael-2.1.4.min.js"></script> 
<script> 

document.addEventListener("DOMContentLoaded", function(event) { 

     var g1 = new JustGage({ 
      id: 'g1', 
      value: getRandomInt(0, 100), 
      min: 0, 
      max: 100, 
      pointer: true, 
      gaugeWidthScale: 0.6, 
      customSectors: [{ 
       color: '#ff0000', 
       lo: 50, 
       hi: 100 
      }, { 
       color: '#00ff00', 
       lo: 0, 
       hi: 50 
      }], 
      counter: true 
     }); 

     setInterval(function() { 
      g1.refresh(getRandomInt(0, 100)); 
     }, 2000) 
    }); 
    </script> 

var num= [1,2,3,4,5,6,7,8,9]; 

var i = 0; 

setInterval(function() { 

      document.innerHTML = num[i++]; 
      if (i == num.length) i = 0; 
       }, 1000); 

のようなものではなくgetRandomInt()機能を使用することはできませんなぜ私は思ったんだけど:

は、ここでは、コードの関連jsの一部です。

これはjfiddleやcodepenには表示されないので、デモチャートを表示するプラグインのサイトを以下に示します。http://justgage.com/更新ボタンを押す必要はなく、自分自身を更新します。

私はまだ物事を出そうとしている間、ここで質問する方がより生産的だと思った。あなたがそう遠くないあなたが何をしたいかとオフにしているようにお粗末なドキュメントを持っているプラ​​グイン

答えて

1

男...

は思える - あなたのsetIntervalで、あなたがキーで、このような何かをしたいとしています一部はg1.refresh(val)で、ゲージの新しい値を使用しています。

var i = 0, 
    num = [1,2,3,4,5,6,7,8,9]; 

setInterval(function() { 
    if (i >= num.length) i = 0; 
    g1.refresh(num[i++]); 
}, 2000); 
+0

これも近いです!問題は、理由が何であれ、1に固執しているということです。 – Omar

+0

は、「i」をインクリメントしませんでした。 'i ++'で編集 – jdubjdub

+0

私はそれを捕まえなかったとは信じられません...長い一日。助けてくれてありがとう! – Omar

関連する問題