JavaScript graphiques - en ajoutant dynamiquement des points de données
-
22-09-2019 - |
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?
La solution
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:
Pour plus d'informations sur Flot:
- Projet Flot site
- Exemples Flot
- Autres Flot Exemples