2017-03-20 34 views
0

如何創建一個只能動態顯示最後10個點的動態圖表,而舊點則會被推到屏幕的左側並隱藏起來,只有當我們拖回圖表時才能看到向右/向右滑動?dygraphs - 如何將動態數據拖入左側而不是過分擁擠所有點?

這裏是活生生的例子:http://dygraphs.com/gallery/#g/dynamic-update (也代碼的jsfiddle如果你按下按鈕)

這是什麼一段時間後發生的事情,該點應該往左走,只留最後10

enter image description here

+0

也許有可能有一個默認 - 縮放到最後10點? – aldoso

回答

0

如果你想顯示數據的最後X分鐘,你可以設置每次更新的dateWindow財產。例如:

g.updateOptions({ 
    file: data, 
    dateWindow: [Date.now() - 30 * 1000, Date.now()] // last 30s. 
}); 

這是fully-worked fiddle。對於最後的N個點,請參閱this question

+0

是的,這是行爲,謝謝! 但仍存在一些可用性問題: 1.當我縮放或向左拖拽(回到時間)時,我希望顯示器不跳回第一個點 2.當我通過右鍵單擊重置圖表或者雙擊,我只想看到自現在開始以來只有最後30點而不是所有點。 這可能嗎? – aldoso

相關問題