logo标签列表

Google Visualization的带注释时间轴有什么替代品？（绘图库）

chartsdata-visualizationgoogle-visualizationannotatedtimeline
30

有没有替代谷歌的 Annotated Timeline 可视化API的选择？

enter image description here

时间轴中有一些错误，并且看起来它们不会得到解决。

此外，这是一个基于Flash的图表。使用Canvas+Javascript实现将更具可移植性。

相较于我迄今发现的其他图表库，使注释时间轴有价值的特点包括：

  • 支持多条线
  • 缩放；以便在日期范围内深入和退出
  • 来回穿梭于时间之间
  • 支持数千个数据点
  • 能够即时提供新数据

据我所知，Google的注释时间轴是唯一的交互式折线图库。

还有相关的链接：https://dev59.com/RkvSa4cB1Zd3GeqPenhh http://stackoverflow.com/questions/437686/is-there-a-client-side-javascript-graph-library-that-doesnt-require-a-server?rq=1 - trante
9个回答
20

Dygraphs应该能够完全满足您的需求，它是一个完整的JavaScript实现。它是免费的，并且已经与gviz集成（此处有示例），因此您几乎不需要更改任何内容。它还具有许多其他有用的功能，在其他gviz图表中找不到（例如滚动平均计算）。

希望这可以帮助您。

5
就这样吧，Dygraphs 也有一个类似于 Google Annotated Timeline 底部的范围选择器。默认情况下它不会显示，但可以轻松启用。请参见 http://dygraphs.com/tests/range-selector.html 以获取示例。 - danvk
这在移动设备上似乎工作得很奇怪...虽然捏合缩放很方便，但很容易意外缩放或滚动到没有内容的区域，然后就会很有趣地尝试找回有用的位置。 - Michael
5
我将一个应用程序从Google AnnotatedTimeLine迁移到了ChartRangeFilter，并对此感到满意。 - Quinn Comendant
这只是我自己的问题还是移动设备上的图表范围控件无法操作？ - Michael
4
在2014年1月29日，Google发布了一款名为“注释图表”的新版本Annotation Chart。它非常酷！最重要的是，无论何时何地使用都是免费的。
注释图表是交互式时间序列线图，支持注释。与使用Flash的标注时间轴不同，注释图表采用SVG/VML技术，应尽可能使用。
示例：
<html>
  <head>
    <script type='text/javascript' src='http://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1.1', {'packages':['annotationchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Kepler-22b mission');
        data.addColumn('string', 'Kepler title');
        data.addColumn('string', 'Kepler text');
        data.addColumn('number', 'Gliese 163 mission');
        data.addColumn('string', 'Gliese title');
        data.addColumn('string', 'Gliese text');
        data.addRows([
          [new Date(2314, 2, 15), 12400, undefined, undefined,
                                  10645, undefined, undefined],
          [new Date(2314, 2, 16), 24045, 'Lalibertines', 'First encounter',
                                  12374, undefined, undefined],
          [new Date(2314, 2, 17), 35022, 'Lalibertines', 'They are very tall',
                                  15766, 'Gallantors', 'First Encounter'],
          [new Date(2314, 2, 18), 12284, 'Lalibertines', 'Attack on our crew!',
                                  34334, 'Gallantors', 'Statement of shared principles'],
          [new Date(2314, 2, 19), 8476, 'Lalibertines', 'Heavy casualties',
                                  66467, 'Gallantors', 'Mysteries revealed'],
          [new Date(2314, 2, 20), 0, 'Lalibertines', 'All crew lost',
                                  79463, 'Gallantors', 'Omniscience achieved']
        ]);

        var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));

        var options = {
          displayAnnotations: true,
        };

        chart.draw(data, options);
      }
    </script>
  </head>

  <body>
    <div id='chart_div' style='width: 900px; height: 500px;'></div>
  </body>
</html>
感谢您回来添加这个答案，我一直在期待这个替代方案的发布！ - nbrooks
与我使用过的其他谷歌图表相比，这个似乎是一个大问题的堆积。 - Michael
2
2

在院子里有一个新项目（是的，我是其中的开发者），它可能非常适合您的需求：

数据可视化软件实验室

该库基于纯HTML5，并且非常交互式 - 请尝试演示。它还经过移动优化，因此您可以在任何设备上使用它。

该库目前处于beta版本并正在积极开发中。很快会推出更多功能。我们非常欢迎您提供反馈。我们还提供了广泛的文档和使用示例。同时还提供API进行外部控制。

将提供双重许可证。

示例图片：

TimeChart example

2
这个帖子可能有点旧，但是MIT的SIMILE小部件非常棒。他们也有一个时间轴的小部件。 SIMILE Timeline Widget
1

如果你只需要查看器功能而不需要注释，请尝试使用NVD3.js。

1
经过广泛的研究以替换谷歌注释时间轴，我认为HighChart StockChart是最全面的选择。 如上所述，它不是开源或免费的，但在我看来价格合理。
0

尝试使用 c3js。它完全免费，轻量级且易于使用。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接