Açık kaynaklı istemci tarafı JavaScript tabanlı 2B veri çizimi?

Question

İstemci tarafında JavaScript kullanan bir 2D grafik çizim kütüphanesi olup olmadığını merak ediyorum? Temel fikir, bir tarayıcıda bir çizim oluşturabilmeniz ve kullanıcının web sayfası sunucusundan sürekli olarak yeniden yüklenmek zorunda kalmadan X ve Y ölçekleri ve sınırları, yakınlaştırma ve uzaklaştırma gibi şeyleri değiştirebilmesidir. Verilerin kendisi AJAX ile getirilirdi, bu da bir kullanıcının aynı zamanda ağır hizmet araçları kullanmak istiyorsa sunucudan doğrudan doğruya wget veriye izin vermesini sağlardı. Python için matplotlib 2D parçası gibi bir şey.

Bu, sunucu tarafında bir SVG oluşturmuş bir kodun (yerleşik bir eCos web sunucusu kullanarak) daha hızlı bir şekilde geliştirilmesinin daha hızlı olduğuna karar vermeden önce uzun zaman önce bir baktığım bir şeydi, ancak şimdi Prototip ve jQuery gibi şeyleri okuyordum, merak ediyorum ki birileri bunu yaptıysa ve bunu zaten yaptıysa.

Answer 1

Flot'u denemek ilginizi çekebilir. Flot, jQuery için açık bir Javascript açık kaynak çizim kütüphanesidir. İstemci tarafında uçtan uca rastgele veri kümeleri çizer.

• Flot Examples - Updating graphs with AJAX

Bu nasıl getiriliyor ve komplo geçerli: Herşeyden

Birincisi, rea-ltime bir grafik çizmek için AJAX getirilen verileri kullanır şu örneği kontrol ettiğinden emin AJAX ile veri kodu gibi görünecektir:

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

yığın taşması da İtibar sekmede yakınlaştırılabilen grafik için Flot kullanır kullanıcı profillerinin Flot ilgili daha fazla bilgi için

:

• Flot Project Site
• Flot Examples
• Other Flot Examples

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

Answer 2

Bu web sayfası farklı javascript komplo araçları karşılaştırır.

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

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

Answer 3

http://g.raphaeljs.com/ - çapraz tarayıcı uyumlu JS grafik kütüphanesi.