Gráficos de JavaScript: adición dinámica de puntos de datos

Question

Estoy tratando de 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 pueden lograr la misma representación gráfica básica y permitir datos dinámicos?

Answer 1

Es posible que desee comprobar el siguiente ejemplo sobre cómo se maneja esto en Flot. Flot es una biblioteca de trazado de fuente abierta basada en jQuery, como jqplot. Ambas bibliotecas son muy similares.

Así es como ir a buscar y trazar los datos con AJAX se vería en código:

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 revisar la siguiente prueba para verlo en acción:

• Flot Examples - Updating graphs with AJAX

Para más información sobre Flot:

• Flot Project Site
• Flot Examples
• Other Flot Examples