JavaScript graphiques - en ajoutant dynamiquement des points de données

Question

Je suis en train d'ajouter dynamiquement des points de données à jqplot à la suite d'AJAX a reçu des données, mais je ne vois pas un moyen d'y arriver. Est-ce pas possible?

Dans le cas contraire, quels autres forfaits sont disponibles qui peuvent accomplir la même base plus graphique pour permettre des données dynamiques?

Answer 1

Vous pouvez consulter l'exemple ci-dessous sur la façon dont cela est traité dans Flot . Flot est une bibliothèque de traçage open source basé sur jQuery , comme jqplot . Les deux bibliothèques sont très similaires.

Voici comment fetching et tracer les données avec AJAX ressemblerait dans le code:

function fetchData() {
   $.ajax({
      url:      "json_fetch_new_data.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [ series ];

         $.plot($("#placeholder"), data, options);
      }
   });

   setTimeout(fetchData, 1000);
}

Assurez-vous de vérifier la démo suivante pour le voir en action:

• Flot Exemples - Mise à jour des graphiques avec des AJAX

Pour plus d'informations sur Flot:

• Projet Flot site
• Exemples Flot
• Autres Flot Exemples