当前位置：文江博客话题详情

JavaScript 图表 - 动态添加数据点

发布于 2024-08-19 08:47:57 字数 108 浏览 4 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情仇皆在手 2024-08-26 08:47:57

您可能需要查看下面的示例，了解 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 的更多信息：

You may want to check the example below on how this is handled in Flot. Flot is an open-source plotting library based on jQuery, like jqplot. Both libraries are very similar.

This is how fetching and plotting the data with AJAX would look like in code:

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);
}

Make sure to check the following demo to see it in action: