javascript - 实时数据图

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center提供指导。




已关闭8年。




我想建立一个基于Web的实时数据图，并且正在研究不同的选项，例如:

Html5 canvas

带有图形支持的

JS库，例如
作为Extjs

实时而言，我是指轮询Web服务器的客户端每秒说一次还是使用反向Ajax。服务器将数据推送到客户端(如果可用)。

你能推荐什么吗？

最佳答案

您可能要考虑使用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

Other Flot Examples

关于javascript - 实时数据图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3792750/