實時數據圖

Question

我想建立一個基於網絡的實時數據圖表，我期待在不同的選項，如：

• HTML5畫布
• JS庫與圖形支持這種 作爲Extjs

實時我的意思是，無論是客戶端輪詢web服務器說每秒或使用反向ajax;服務器可用時將數據推送到客戶端。

你能推薦一下嗎？

Answer 1

您可能要考慮使用Flot，這是一個基於jQuery的開源繪圖庫。

我假設實時你的意思是圖表會自動更新。以下是你的代碼會是什麼樣子，如果你要獲取並以1秒的間隔繪製使用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); 
} 

請一定要看看下面的演示中看到它在行動（點擊「輪詢數據」 按鈕）：

• Flot Examples - Updating graphs with AJAX

對於進一步的信息，FLOT：

• Flot Project Site
• Flot Examples
• ​​

Answer 2

還有SmoothieCharts被更多地用於該用例。

Answer 3

與設計更漂亮，可能其他的解決方案：

http://thechangelog.com/post/14120522053/rickshaw-realtime-javascript-graphing-library

例如： http://shutterstock.github.com/rickshaw/examples/extensions.html

代碼： https://github.com/shutterstock/rickshaw