Creazione di dati 2D basati su JavaScript open-source sul lato client?

Question

Mi chiedo se ci sono librerie di grafici per grafici 2D che girano sul lato client usando JavaScript? L'idea di base è che potresti creare una trama in un browser e l'utente può modificare le cose come le scale e i limiti X e Y, zoomando avanti e indietro, senza dover ricaricare continuamente la pagina web dal server. I dati stessi verrebbero recuperati tramite AJAX, il che consentirebbe a un utente anche solo i dati direttamente dal server se vogliono utilizzare strumenti pesanti. Qualcosa come la parte 2D di matplotlib per Python.

Questo è qualcosa che ho dato un'occhiata a molto tempo fa prima di decidere che era più veloce sviluppare un codice che ha appena generato un SVG sul lato server (usando un server web eCos integrato), ma ora che ho Ho letto cose come Prototype e jQuery, mi chiedo se qualcuno è già andato a fare questo.

Answer 1

Potresti essere interessato a provare Flot. Flot è una libreria di plottaggio open source pura Javascript per jQuery. Produce grafici di set di dati arbitrari al volo sul lato client.

Prima di tutto, assicuratevi di controllare il seguente esempio che utilizza i dati recuperati tramite la tecnologia AJAX per tracciare un grafico in rea-LTIME:

• Flot Examples - Updating graphs with AJAX

Questo è il modo in recupero e tracciando la dati con AJAX sarà simile nel codice:

function fetchData() { 

    function onDataReceived(series) { 
     data = [ series ]; 

     $.plot($("#placeholder"), data, options); 
    } 

    $.ajax({ 
     url:  "data_feed.php", 
     method: "GET", 
     dataType: "json", 
     success: onDataReceived 
    }); 

    setTimeout(fetchData, 1000); 
} 

Stack Overflow usa anche Flot per il grafico stradale nella scheda reputazione dei profili utente.

Per ulteriori informazioni sul Flot:

• Flot Project Site
• Flot Examples
• Other Flot Examples

Flot example with zooming overview http://img710.imageshack.us/img710/2062/flot.jpg

Answer 2

La pagina web di confronto diversi strumenti javascript stampa.

http://sixrevisions.com/javascript/graph_chart_plot_data_javascript/

FLOT: http://code.google.com/p/flot/

Answer 3

http://g.raphaeljs.com/ - cross browser compatibili JS biblioteca grafici.