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 Examples - Updating graphs with AJAX

有关Flot的更多信息：

• Flot Project Site
• Flot Examples
• Other Flot Examples