JustGage Javascript Plugin を使用して動的ゲージを作成しています。このゲージに配列を渡して、それらの値を表示させたいと思います。これまでのところ、を使用してランダムな整数を表示することしかできません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/更新ボタンを押す代わりに、自動的に更新されます。
私がまだ物事を解決しようとしている間に、ここで質問する方が生産的だと思いました.