График реального времени в D3.js и javascript

Question

У меня есть вопрос, и я знаю, что это может быть глупо! У меня есть Json-файл, и я хочу создать динамический граф с javascript и D3.js, в котором ось x обновляется с учетом времени и оси y, мы имеем значения, исходящие из поля значения json-файла. Как вы можете видеть, время в этом файле прошло, поэтому я хочу, чтобы текущее время системы, когда значение читается, поэтому я всегда имею обновленное время, не прошедшее время этого json-файла.

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

Вопрос в том, как можно использовать график DYNAMIC, основанный на этом json-файле. Поскольку значения в этом json-файле ограничены, и когда он заканчивается, график остается неподвижным. Можно ли его динамически генерировать, чтобы обновлять график навсегда? Должен ли я делать какой-либо аякс или какую-нибудь дополнительную вещь? Кто-нибудь знает какой-либо подобный пример в 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

Однако, мне нужно работать на построение нескольких строк на одной и той же плоскости.