对基于Web的流式图表工具的建议

时间:2010-10-31 14:42:21

标签: streaming charts

下午所有,

我正在寻找一种在我的网络应用程序中使用折线图显示近实时数据的方法。具体来说,我的要求如下:

  1. 它应该支持缩放(使用鼠标滚轮!),滚动,选择不同的时间范围等。
  2. 它应支持在单个图表中以多种分辨率显示数据。默认视图将是过去24小时(使用一分钟分辨率的数据),但如果用户缩小或进一步浏览,则会使用较低分辨率的数据。在每日视图中,我们每行将有1440点(至少有两个点)。如果我们在进一步缩小时将其降低到每小时平均值,我们会看到每行每月720点。我们也可以在此之后进一步降低分辨率。
  3. 理想情况下,如果用户缩放到历史日期,图表将轮询服务器以查看该时间段内是否有高分辨率数据,如果是,则获取它并更新图形区域。
  4. 流式数据支持。也就是说,图表会每X分钟获取一次增量并将它们附加到图表中。
  5. 我们愿意使用Flash,Java,Silverlight或纯Javascript作为表示层,尽管Flash可能是最强烈的偏好。
  6. 我花了很多时间四处寻找适合这个账单的东西,并且(令人惊讶地)找不到太多东西。以下是我研究的一些简要说明:

    a)Google财经图表几乎完全我希望实现的目标,但似乎这些图表的公开版本(注释时间轴图表)相对非常有限。它不允许流数据,如果你想重绘图形数据(例如,当改变所选日期范围时),你会得到一个令人讨厌的闪烁,因为图表区域会重新加载新数据。 b)Timepedia Chronoscope图表乍一看听起来很有前途,支持增量数据加载。但是,似乎没有文档或示例(所有示例都使用来自.js文件的静态数据集) c)我们已经看过诸如Open Flash Chart等图表,但是他们没有像Google财经图表那样的“令人惊叹的因素”。

    欢迎任何建议!

1 个答案:

答案 0 :(得分:1)

我建议Highcharts - 非常简洁的SVG和基于javascript的图表。还有一个名为Live Random Data的示例,它会更新样条曲线 - 这对您的流媒体要求非常有用。缩放和滚动可用:Master Detail Chart,但一切都取决于您将指出的数据量。

在我今年早些时候的实验中,我设法在Firefox中有大约20个图表,每个图表超过40个图表,但不止于此可能会发出微小的延迟,所以从这个意义上来说,你会更好Flash,虽然我怀疑任何人都能一次读取20个样条;)

希望有所帮助。干杯!