JavaScript图表——动态添加数据点

标签 javascript ajax canvas charts jqplot

作为 AJAX 接收数据的结果,我正在尝试将数据点动态添加到 jqplot,但我看不到实现此目的的方法。这不可能吗?

如果不是,还有哪些其他软件包可以完成相同的基本图形并允许动态数据?

最佳答案

您可能想查看下面的示例,了解如何在 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 的更多信息:

关于JavaScript图表——动态添加数据点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2119465/

相关文章:

javascript - 升级到 Webpack 2 后出错。请求的路径在索引 0 处包含未定义的段

javascript - 如何在 OpenLayers-3 上使用 SVG 图像作为图层

c# - 无法使用jquery从 Controller 获取数据

asp.net-mvc - asp.net MVC 中的授权属性和 jquery AJAX

php - 我需要帮助完成这个 3 级动态下拉列表

javascript - 在canvas html中绘制线条

javascript - 泛型获取类名

javascript - Angular JS - 在 ng-init 中声明函数?

html - Canvas (Kinetic.JS) - 克隆组没有出现?

javascript - 使用 KineticJS 移动形状