實時數據圖

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

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

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

你能推薦一下嗎？

來源

2010-09-25 ken

什麼是真正的時間？每一天，小時，年，毫秒？圖表顯示什麼？股票指數，小麥，龍捲風，人的位置？ – 2010-09-25 06:29:03

它應該是可配置的，無論是客戶端輪詢服務器說每秒或通過反向ajax，服務器推送數據到客戶端時，可用... – ken 2010-09-25 06:39:19

你應該檢查這個帖子http://www.techrepublic.com/blog/五個應用程序/創建實時圖與這些五免費基於Web的應用程序/ – pedrorijo91 2015-05-22 20:50:00

您可能要考慮使用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); 
}

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