谷歌图表和实时更新答案

【问题标题】：Google Charts and real time updates谷歌图表和实时更新
【发布时间】：2012-12-08 13:52:34
【问题描述】：

我正在考虑使用谷歌图表 api，特别是柱形图和散点图。我想知道这些图表是否可以通过它通过 websocket 从服务器接收到的数据不断更新。

我的理解是，这些数据首先会被添加到数据表中，然后绘制到图表上。因此，如果表格中的数据正在更新，这将“实时”更新图表。

另一个问题是，当列无法立即定义但又会被接收到的数据更新时，我也会有一个实例；谷歌图表可以再次处理这个。

谢谢

【问题讨论】：

如果您使用 JavaScript 填充 Google 图表，您还可以使用 JavaScript 修改或重新填充图表。在最坏的情况下，您可能必须重新绘制整个图表。这并不像您想象的那么糟糕：无论如何，整个事情都是在客户端绘制的。
@FrankvanPuffelen 当我尝试每秒更新一次图表时 - 它几乎冻结了我的 Chrome ......这提出了一个问题 - 谷歌图表真的意味着实时数据显示吗？它似乎在方便地显示静态数据方面表现出色。您最终找到实时图表的解决方案了吗？
只需修改DataTable并调用draw，似乎执行OK。看看jsfiddle.net/0w1nbyxw/1。

【解决方案1】：

我不知道谷歌图表，但最近我发现了Smoothie Charts。它可以实时（流畅）。唯一的问题是，根据Introducing Smoothie Charts 的帖子，我只在 Chrome、Firefox 中工作。

或者highCharts。 jsfiddle 的实时示例。

【讨论】：

【解决方案2】：

如果你有

var data = new google.visualization.DataTable();
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

你可以的

data.addRows([2015,10])
chart.draw(data);

它会更新图表

我在这个 JSfiddle 中做了一个添加数据的按钮：

【讨论】：