grafici JavaScript - Aggiunta di punti di dati in modo dinamico

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

Domanda

Sto cercando di aggiungere dinamicamente i punti dati a jqplot a seguito di AJAX ricezione dei dati, ma non vedo un modo per ottenere questo risultato. Non è questo possibile?

Se non lo è, quali altri pacchetti sono disponibili in grado di ottenere lo stesso grafica di base più consentire per i dati dinamici?

È stato utile?

Soluzione

Si consiglia di verificare l'esempio seguente su come questo viene gestito in Flot . Flot è un open-source tramando biblioteca in base a jQuery , come jqplot . Entrambe le biblioteche sono molto simili.

Questo è come il recupero e riportando i dati con AJAX sarà simile nel codice: 

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

Assicurati di controllare quanto segue demo per vederlo in azione:

Per ulteriori informazioni su Flot:

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top