-1

我正在使用 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/不必点击刷新按钮，它会自行刷新。

认为在我仍然尝试解决问题的同时在这里提问会更有成效。

4

1 回答 1

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);
于 2017-08-09T16:15:48.350 回答