ページに 4 つのゲージを備えた Highcharts を使用しており、setInterval を使用してチャートに供給される JSON データを取得しています。
ゲージごとに1回ポーリングすることで機能しています。しかし、それは必要なポーリング/帯域幅の 4 倍です。
これは、ゲージの簡素化されたバージョンです。 http://jsfiddle.net/FredSmith/4Uqbc/
そして、現在無駄の多いセットアップでチャートごとに1回ポーリングするために使用しているものは次のとおりです。
function(chart) {
setInterval(
function() {
var point = chart.series[0].points[0], newVal;
$.get("get_JSON_from_Arduino.php", function(newVal) {
var obj = jQuery.parseJSON(newVal);
point.update(obj.humidity, true);
}
);
},1300
);
}
課題はグローバル変数に関連していると思いますか? JSではそれほど素晴らしいことではありません..