Question

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

这里是代码的相关部分：

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

试图将数组传递给justGage

1 个答案: