尝试将数组传递给justGage

Question

我使用JustGage Javascript插件来创建动态量表。我想将一个数组传递给这个量表并让它显示这些值。到目前为止，我只能使用getRandomInt()来显示随机整数。

下面的代码的相关部分JS：

<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()功能。

由于无法在jfiddle或codepen上看到此图片，因此插件的网站会显示一些演示图表：http://justgage.com/不必点击刷新按钮，它会自行刷新。

认为在我仍然尝试解决问题的过程中问这里会更有成效。

Answer 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);