quitar - Tablas de JavaScript: adición dinámica de puntos de datos

tablas dinamicas html javascript

Question

Intento agregar dinámicamente puntos de datos a jqplot como resultado de los datos recibidos de AJAX, pero no veo una manera de lograr esto. ¿No es esto posible?

Si no es así, ¿qué otros paquetes están disponibles que puedan lograr la misma representación gráfica básica y que permitan datos dinámicos?

Answer 1

Le recomendamos que consulte el siguiente ejemplo sobre cómo se maneja esto en Flot . Flot es una biblioteca de trazado de código abierto basada en jQuery , como jqplot . Ambas bibliotecas son muy similares.

Así es como se vería en el código la obtención y el trazado de los datos con AJAX:

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

Asegúrese de consultar la siguiente demostración para verla en acción:

• Ejemplos de Flot: actualización de gráficos con AJAX

Para más información sobre Flot:

• Flot Project Site
• Ejemplos de Flot
• Otros ejemplos flotantes