web-dev-qa-db-ja.com

Google Visualizationの注釈付きタイムラインの代替ですか？ （グラフライブラリ）

Googleの Annotated Timeline Visualization APIに代わるものはありますか？

enter image description here

注釈付きタイムラインにいくつかのバグがあります 、そしてそれらが対処されるようには見えません。

また、これはFlashベースのチャートです。 Canvas + Javascriptの実装はより移植性があります。

注釈付きタイムラインを価値あるものにする品質（これまでに見つけた他のすべてのグラフ作成ライブラリとは対照的）は次のとおりです。

  • 複数回線をサポート
  • ズーミング;日付範囲にドリルインおよびドリルアウトする
  • 時間を前後にパン
  • データポイントの数千をサポート
  • その場で新しいデータを供給する能力

私の知る限り、Googleの注釈付きタイムラインは唯一のインタラクティブな折れ線グラフライブラリです。

chartsdata-visualizationgoogle-visualizationannotatedtimeline
31
Ian Boyd

Dygraphs は、まさにあなたが望むことをするべきであり、完全なjs実装です。それは無料で、すでに gvizと統合 （ サンプルはこちら ）なので、ほとんど何も変更する必要はありません。また、他のgvizチャートにはない他の便利な機能も多数あります（ローリング平均計算など）。

お役に立てば幸いです。

20
oli

私はこの質問がかなり古いことを知っていますが、新しいChartRangeFilter AP​​Iがあることを知っていれば、多くの時間を節約できます。

enter image description here

https://google-developers.appspot.com/chart/interactive/docs/gallery/controls#chartrangefilter

5
headsvk

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>
3
Leniel Maccaferri

私はこれに遭遇しました：

http://www.highcharts.com/demo/dynamic-master-detail

無料ではありませんが、面白そうです。

2
tooshel

このスレッドは少し古いですが、MITによるSIMILEウィジェットは素晴らしいです。タイムライン用のウィジェットもあります。 SIMILE Timeline Widget

2
karlos

庭に新しいプロジェクトがあり（そうです、私はそこにいる開発者の1人です）、あなたのニーズにぴったりかもしれません。

データ視覚化ソフトウェアラボ

そのライブラリは純粋にHTML5ベースで、非常にインタラクティブです-デモを試してください。また、モバイル向けに最適化されているため、どのデバイスでも使用できます。

ライブラリは現在ベータ版で開発が進んでいます。すぐに来るより多くの機能。フィードバックは強くお勧めします。広範なドキュメントと使用例もあります。外部制御用のAPIも存在します。

提供されるデュアルライセンス。

スナップショット：

TimeChart example

2
jancha

Googleの注釈付きタイムラインに代わる広範な調査の後、私は HighChart StockChart が最も包括的だと思います。上記のように、それはオープンソースでも無料でもありませんが、私によれば手頃な価格です。

1
Go4It

アノテーションは必要なく、ビューファインダー機能のみが必要な場合は、 NVD3.js を試してください。

1
yegle

c3js を試してください。完全に無料で、軽くて使いやすいです。

0
Ishu Madan