Fatal编程技术网
  • charts/
  • Charts 谷歌可视化的替代方案&x27；有注释的时间线是什么？（图库）

Charts 谷歌可视化的替代方案&x27；有注释的时间线是什么？（图库）

charts google-visualization

Charts 谷歌可视化的替代方案&x27；有注释的时间线是什么？（图库）,charts,data-visualization,google-visualization,annotatedtimeline,Charts,Data Visualization,Google Visualization,Annotatedtimeline,谷歌的可视化API还有其他选择吗 ，而且似乎他们不会被解决 它也是一个基于Flash的图表。Canvas+Javascript实现将更具可移植性 使带注释的时间线有价值的品质（与我迄今为止发现的所有其他图表库相比）是： 支持多行 变焦；钻入和钻出日期范围 在时间中来回平移 支持数千个数据点 动态输入新数据的能力 据我所知，谷歌的带注释的时间线是唯一的交互式线图库。我刚刚遇到了这个： 它不是免费的，但看起来很有趣。应该完全满足您的需要，并且是一个完整的js实现。它是免费的，并且已经（）了

谷歌的可视化API还有其他选择吗

，而且似乎他们不会被解决

它也是一个基于Flash的图表。Canvas+Javascript实现将更具可移植性

使带注释的时间线有价值的品质（与我迄今为止发现的所有其他图表库相比）是：

  • 支持多行
  • 变焦；钻入和钻出日期范围
  • 在时间中来回平移
  • 支持数千个数据点
  • 动态输入新数据的能力
据我所知，谷歌的带注释的时间线是唯一的交互式线图库。

我刚刚遇到了这个：

它不是免费的，但看起来很有趣。

应该完全满足您的需要，并且是一个完整的js实现。它是免费的，并且已经（）了，所以您几乎不需要更改任何内容。它还有一系列在其他gviz图表上找不到的其他有用功能（如滚动平均计算）

希望能有所帮助。

这个帖子有点老了，但麻省理工学院的明喻小部件很棒。他们也有一个时间表。

经过广泛的研究，以取代谷歌注释的时间线，我认为这是最全面的。
如上所述，它既不是开源的，也不是免费的，但我认为它价格合理。

院子里有一个新项目（是的，我是那里的开发人员之一），它可能非常适合您的需要：

该库纯粹基于HTML5，非常具有交互性-请尝试演示。它还对移动设备进行了优化，因此您可以在任何设备上使用它

图书馆目前处于测试阶段，正在积极开发中。更多功能即将推出。强烈建议您提供任何反馈。还有大量的文档和使用示例。还提供了用于外部控制的API

将提供双重许可证

快照：

我知道这个问题已经很老了，但是如果我知道有一个新的
ChartRangeFilter
api，我会节省很多时间

如果你不需要注释，只需要取景器功能，试试看。

谷歌推出了一个新版本的这种图表，名为。真的很酷！最重要的是，无论你想在哪里使用它都是免费的

注释图表是交互式时间序列折线图，支持 注释。与使用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>


load（'visualization'，'1.1'，{'packages'：['annotationchart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'编号'，'开普勒-22b任务'）；
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([
[新日期（2314,2,15），12400，未定义，未定义，
10645，未定义，未定义]，
[新日期（2314,2,16），24045，'拉利伯丁'，'第一次遭遇'，
12374，未定义，未定义]，
[新日期（2314,2,17），35022，'拉利伯丁'，'他们很高'，
15766，“Gallantors”，“第一次遭遇”]，
[新日期（2314,2,18），12284，'解放者'，'攻击我们的船员！'，
34334，“Gallantors”，“共享原则声明”]，
[新日期（2314,2,19），8476，'拉利伯丁'，'重大伤亡'，
66467，“Gallantors”，“神秘揭秘”]，
[新日期（2314,2,20），0，'Lalibertines'，'All crew lost'，
79463，“Gallantors”，“全知成就”]
]);
var chart=new google.visualization.AnnotationChart（document.getElementById（'chart_div'））；
变量选项={
是的，
};
图表绘制（数据、选项）；
}
试试看
。它完全免费、轻巧且易于使用。

值得一提的是，动态图还有一个范围选择器，就像谷歌标注的时间线底部的选择器一样。默认情况下不启用，但可以轻松启用。请参阅示例。这似乎在移动设备上工作得很奇怪。。。虽然捏一下缩放很好，但这是一种很容易的方式，可以意外地缩放或滚动到没有任何东西的边界之外，然后从尝试如何返回到有用的位置中获得乐趣。同样相关：感谢回来添加此答案，我一直希望此替代方案能够发布！与我一直在使用的其他谷歌图表相比，这一个似乎是一大堆问题……我将一个应用程序从Google AnnotatedTimeLine迁移到了ChartRangeFilter，并对此感到满意。是我自己，还是图表范围控件在手机上无法操作？