JavaScript图表 - 动态添加数据点

Question

我试图动态地将数据点添加到jqplot作为AJAX接收数据的结果,但我没有看到实现此目的的方法.这不可能吗？

如果不是,那么可以使用哪些其他软件包来完成相同的基本图形并允许动态数据？

Answer 1

您可能需要查看以下示例,了解如何在Flot中处理此问题.Flot是一个基于jQuery的开源绘图库,如jqplot.两个库都非常相似.

这是使用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示例 - 使用AJAX更新图形

有关Flot的更多信息:

• 绘制项目现场
• 剧情示例
• 其他Flot示例