javascript - 谷歌图表和实时更新

Question

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

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

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

谢谢

score 3 · Accepted Answer

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

或者也许highCharts。jsfiddle的实时示例。

score 0 · Accepted Answer

如果你有

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

你可以做

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

它会更新图表

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

2 回答 2