JavaScript -Diagramme - dynamisches Hinzufügen von Datenpunkten

StackOverflow https://stackoverflow.com/questions/2119465

Frage

Ich versuche, JQPlot als Ergebnis von AJAX -empfangenen Daten dynamisch Datenpunkte hinzuzufügen, aber ich sehe keinen Weg, dies zu erreichen. Ist das nicht möglich?

Wenn dies nicht der Fall ist, welche anderen Pakete sind verfügbar, die dieselbe grundlegende Grafik und dynamische Daten ermöglichen können?

War es hilfreich?

Lösung

Möglicherweise möchten Sie das folgende Beispiel darüber überprüfen, wie dies behandelt wird Flot. Flot ist eine Open-Source-Ploting-Bibliothek basierend auf JQuery, wie jqplot. Beide Bibliotheken sind sehr ähnlich.

Auf diese Weise würde das Abrufen und Zeichnen der Daten mit AJAX im Code aussehen:

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);
}

Überprüfen Sie die folgende Demo, um sie in Aktion zu sehen:

Weitere Informationen zu Flott:

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top