D3.js和javascript中的實時圖形

Question

我有一個問題，我知道這可能是愚蠢的！ 我有一個Json文件，我想用javascript和D3.js創建一個動態圖，其中x軸更新的時間和y軸上我們有來自json文件的值字段的值。正如你所看到的，這個文件中的時間已經過去了，所以我想在讀取這個值的時候獲得系統的當前時間，所以我總是有更新的時間而不是這個json文件的過去時間。

"values": [ 
     { 
      "time": 124123213, 
      "value": 500 
     }, 
     { 
      "time": 124123214, 
      "value": 600 
     }, 
] 

我的問題是，怎麼可能有一個基於這個json文件的DYNAMIC圖。由於這個json文件中的值是有限的，當它結束時，圖表仍然是靜止的。是否有任何方法來動態生成它以使圖形永久更新？我應該做任何Ajax或任何額外的事情？有沒有人知道JavaScript和D3.js中的任何類似的例子？

感謝

Answer 1

你可能想的JavaScript代碼，定期做AJAX請求，以獲得最新的JSON數據。然後你可以相應地更新你的圖表。

Answer 2

你會想要使用setInterval(function(){},time)函數。它是javaScript核心的一部分，並且會執行每個time毫秒給出的任何函數。您可以使用此函數發出AJAX請求，可能使用d3.json(url[, callback])方法，您可以在其中指定更新數據的URL，然後對該數據運行回調函數，以根據新數據創建或更新元素按要求。

Answer 3

我認爲這會幫助你。 http://bost.ocks.org/mike/path/

Answer 4

我有點做同樣的事情。你可以從這裏看我的代碼;

Drawing multiple real time lines

不過，我需要在同一平面上繪製多條線工作。