更新flot時間序列圖

我試圖構建一個時間序列圖，其中x軸代表時間，y軸代表[0,100]中的數字。我有一個實時數據流，爲下一個時間序列點提供[x，y]座標。試驗flot我意識到每次發生情節時，前面的情節都會被刪除，只剩下新的情節，我怎樣才能「追加/呈現」新的情節。更新flot時間序列圖

例如，在下面的代碼：

$(function() { 
     var d1 = []; 
     for (var i = 0; i < 14; i += 0.5) 
      d1.push([i, Math.sin(i)]); 

     var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]]; 

     // a null signifies separate line segments 
     var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]]; 


     $.plot($("#placeholder"), [ d2 ]); 
     $.plot($("#placeholder"), [ d1 ]); 


    });

D2將被繪製但隨後D1將覆蓋D2情節。我該如何在劇情中增加新的點數，以及如何更新x秒數量？

來源

2012-08-14 user1454693

看到這個職位： http://stackoverflow.com/questions/4758602/realtime-chart-using-flot-jquery – 2013-05-05 00:06:03

你想並排繪製它們。如果是這樣，你想要這樣：

$.plot($("#placeholder"), [ d2, d1 ]);

這將創建兩個系列，並將它們繪製在另一個之上。至於滾動通過數據一秒鐘，我建議看看this example

來源

2012-08-14 23:43:03 georgephillips

更新flot時間序列圖

回答

相關問題