CanvasJS - setInteval（なしダイナミックチャート）

Question

ここ

は、元のサンプルコードです： http://canvasjs.com/html5-javascript-dynamic-chart/

私はY軸がどこかに値を得た時はいつでも、私は意味のsetInterval（）なしの値を更新する必要があり、それが自動的にプロットします時間遅れなし。もう一つは、データ長に達するまでグラフをシフトしたくない、最大データ長に達したとき、古いプロットされたデータをすべてクリアして、0点に戻って再びプロットすることです。

ご協力いただきありがとうございます。

canvasjs

Answer 1

ジアフイ、

あなたはシフトを避けるために例からdps.shiftを削除することができます。これをチェックしてくださいexample。

また、setIntervalを削除して時間ベースで課金を更新したり、y値をdataPointsに手動でプッシュしたり、y値を取得するたびにグラフをレンダリングすることができます。

setInterval(function(){updateChart()}, updateInterval);

のsetIntervalを削除し、あなたはそれが発生したときに、データポイントにY値を押してください。

dps.push({y: yValue}); chart.render();

とチャートを描画します。