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

不过，我需要在同一平面上绘制多条线工作。