动态更新网页上的图形

Dynamically update graph on webpage

本文关键字：图形 网页 更新 动态      更新时间：2023-09-26

>我有一个页面，我定期从数据库中获取数据。该数据被描述为图表。在每个时期，我想用新数据更新图表。这意味着我不想替换旧图形，而是扩展它。例如，im 使用当前正在显示的折线图。当新数据进来时，我希望图表中的线条扩展以表示新数据，但以前的线条应保持原样。哪个JavaScript图形API可以提供此功能？谷歌图表可以吗？

好吧，不管你喜欢与否，你正在编写一个实时的Web应用程序进程:D

以下是您的解决方案：

纯脚本

  • 如果您想使用库：

正如我之前多次说过的，它是一个用于开发实时 Web 应用程序的强大框架.
另一个很好的解决方案是HTML5的websockets。它很棒，但不是跨浏览器的。

  • 如果您不想使用图书馆：

您可以定期向服务器发送 AJAX 请求，以检查是否有任何更新可用于您的数据。

使用第三方插件

最简单和最常见的解决方案是Adobe Flash的XMLSocket API.
你也可以使用Silverlight，但你知道，它不值得（我的意思是开发时间）。

<小时 /> 编辑：

哦，差点忘了说，这种编程风格（在没有用户交互/意识的情况下更新数据）称为 Comet 编程，所以如果你需要一个关键字来进一步搜索这个主题，请使用这个。

我同意 3p3r，并且可以详细说明库实现。

您可能需要记住的主题是数据绑定。这是MVC系统（如骨干网.js）通常采用的过程。这个概念是，当检测到数据更改时，模型（数据）会自动更新到视图中。

数据绑定不仅在 MVC 中可用，它还可用于 ExtJS 等库的图形小部件。使用库可以大大减少开发中的维护开销，并避免经常遇到的并发症。

其他可以轻松合并数据绑定过程的库是：D3、HighCharts 和 Raphael。

万事如意！纳什

相关文章：