动态更新网页上的图表

Question

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

Answer 1

嗯，不管你喜欢与否，你都在编写一个实时的Web应用程序流程：D

以下是您的解决方案：

纯javascript

• 如果您有使用图书馆的心情：

我强烈建议您使用APE库。正如我之前多次说过的那样，它是开发实时网络应用程序的强大框架 另一个很棒的解决方案是HTML5的websockets。它太棒了但不是跨浏览器。

• 如果您不喜欢使用图书馆：

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

使用第三方插件

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

<小时/> 修改

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

Answer 2

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

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

Data-Binding不仅可以在MVC中使用，还可以在ExtJS等库的图形小部件中使用。使用库可以大大减少开发中的维护开销，避免常见的并发症。

其他可以轻松整合数据绑定过程的库有：D3，HighCharts和Raphael。

一切顺利！ 纳什