Graphique en temps réel en D3.js et javascript

Question

J'ai une question et je sais que ça pourrait être idiot! J'ai un fichier JSON et je veux créer un graphe dynamique avec javascript et D3.js dans lequel l'axe x mis à jour avec l'heure et sur l'axe y nous avons les valeurs provenant du champ de valeur du fichier json. Comme vous pouvez voir l'heure dans ce fichier est passé, je veux avoir l'heure actuelle du système quand la valeur est lue, donc j'ai toujours l'heure mise à jour pas l'heure passée de ce fichier json.

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

Ma question est de savoir comment est-il possible d'avoir un graphique DYNAMIC basé sur ce fichier json. Puisque les valeurs dans ce fichier json sont limitées et quand il se termine le graphique reste immobile. Est-ce un moyen de générer dynamiquement pour faire les mises à jour de graphique pour toujours? Dois-je faire un ajax ou une autre chose? Est-ce que quelqu'un sait un exemple similaire dans javascript et D3.js?

Merci

Answer 1

Vous voulez probablement le code JavaScript afin de faire périodiquement des requêtes AJAX pour obtenir les dernières données JSON. Ensuite, vous pouvez mettre à jour votre graphique en conséquence.

Answer 2

Vous devez utiliser la fonction setInterval(function(){},time). Il fait partie du noyau javaScript et exécutera toutes les fonctions qu'il aura données tous les time millisecondes. Vous pouvez utiliser cette fonction pour effectuer une requête AJAX, en utilisant probablement la méthode d3.json(url[, callback]), dans laquelle vous spécifiez l'URL de vos données mises à jour, puis exécutez une fonction de rappel sur les données qui créeront ou mettront à jour les éléments basés sur les nouvelles données comme demandé.

Answer 3

Je pense que cela va vous aider. http://bost.ocks.org/mike/path/

Answer 4

Je suis en train de faire la même chose. vous pouvez regarder mon code d'ici;

Drawing multiple real time lines

Cependant, je dois travailler sur tracer plusieurs lignes sur le même plan.