如何創建一個只能動態顯示最後10個點的動態圖表,而舊點則會被推到屏幕的左側並隱藏起來,只有當我們拖回圖表時才能看到向右/向右滑動?dygraphs - 如何將動態數據拖入左側而不是過分擁擠所有點?
這裏是活生生的例子:http://dygraphs.com/gallery/#g/dynamic-update (也代碼的jsfiddle如果你按下按鈕)
這是什麼一段時間後發生的事情,該點應該往左走,只留最後10
如何創建一個只能動態顯示最後10個點的動態圖表,而舊點則會被推到屏幕的左側並隱藏起來,只有當我們拖回圖表時才能看到向右/向右滑動?dygraphs - 如何將動態數據拖入左側而不是過分擁擠所有點?
這裏是活生生的例子:http://dygraphs.com/gallery/#g/dynamic-update (也代碼的jsfiddle如果你按下按鈕)
這是什麼一段時間後發生的事情,該點應該往左走,只留最後10
如果你想顯示數據的最後X分鐘,你可以設置每次更新的dateWindow
財產。例如:
g.updateOptions({
file: data,
dateWindow: [Date.now() - 30 * 1000, Date.now()] // last 30s.
});
這是fully-worked fiddle。對於最後的N個點,請參閱this question。
是的,這是行爲,謝謝! 但仍存在一些可用性問題: 1.當我縮放或向左拖拽(回到時間)時,我希望顯示器不跳回第一個點 2.當我通過右鍵單擊重置圖表或者雙擊,我只想看到自現在開始以來只有最後30點而不是所有點。 這可能嗎? – aldoso
也許有可能有一個默認 - 縮放到最後10點? – aldoso