2016-04-09 12 views
2

リアルタイムのグラフ作成に使用するplotly js libをチェックしています。離れcodepen窓からそれがplotlyダウンサンプリング(か何か)を思わことを除いて、あなたをタブ -Plotly js-extendTracesは、タブが表示されていないときに奇妙な振る舞いをします。

var plotDiv = document.getElementById('plotDiv'); 

var data = [{ 
    x: [ new Date().getTime()/1000 ], 
    y: [0] 
}]; 

Plotly.plot(plotDiv, data, { title: 'Random Over Time'}); 

setInterval(function(){ 
    var update = { 
     x: [[ new Date().getTime()/1000 ]], 
     y: [[ Math.random() ]] 
    }; 

    Plotly.extendTraces(plotDiv, update, [0], 20); 
}, 100); 

http://codepen.io/plotly/pen/LGEyyY?editors=001

それは素晴らしい作品:私は私が行く簡単な例を得る助けたこのcodepenを見つけました。再現するのは非常に簡単です。グラフのポイント数を例えば次のように変更します。 20(extendTraces関数の最後のパラメータ)を変更し、タイムアウトを100ミリ秒に変更します。グラフを点で塗りつぶし、5秒間別のタブに切り替えます。あなたが戻ってくると、ダウンサンプリングのためにしばらくの間点がはるかに速く消えることは明らかです。私はまた、より明確に示す正弦波でいくつかのテストを行った。

私の質問です - この動作を変更したり取り除いたりするにはどうしてですか?データを1秒間隔で送信すると、maxpoints = 60を使用して最後の1分間のデータを表示することができればすばらしいことになります。

答えて