Graphiques JavaScript - ajouter dynamiquement des points de données

Question

J'essaie d'ajouter dynamiquement des points de données à jqplot à la suite de données reçues AJAX, mais je ne vois pas de moyen d'accomplir cela. Est-ce que ce n'est pas possible?

Si ce n'est pas le cas, quels sont les autres packages disponibles qui permettent d'obtenir le même graphique de base et de prendre en charge les données dynamiques?

Answer 1

Vous pouvez vérifier l'exemple ci-dessous sur la façon dont cela est géré dans Flot. Flot est une bibliothèque de traçage open-source basée 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 Examples - Updating graphs with AJAX

Pour plus d'informations sur le Flot:

• Flot Project Site
• Flot Examples
• Other Flot Examples