30

GoogleのAnnotatedTimelineVisualization APIに代わるものはありますか?

ここに画像の説明を入力してください

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

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


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

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

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

4

9 に答える 9

21

Dygraphsはあなたが望むことを正確に実行する必要があり、完全なjs実装です。これは無料で、すでにgvizサンプルはこちら)と統合されているため、何も変更する必要はほとんどありません。また、他のgvizチャートにはない他の便利な機能もたくさんあります(移動平均計算など)。

お役に立てば幸いです。

于 2011-07-25T00:29:29.007 に答える
5

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

ここに画像の説明を入力してください

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

于 2013-08-29T12:19:11.650 に答える
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>
于 2014-02-21T01:01:48.307 に答える
2

私はちょうどこれに遭遇しました:

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

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

于 2011-07-22T23:18:09.783 に答える
2

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

于 2011-09-08T13:29:40.367 に答える
2

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

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

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

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

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

スナップショット:

TimeChartの例

于 2013-07-10T08:05:27.660 に答える
1

Google Annotated Timelineに代わる広範な調査の結果、 HighChartStockChartが最も包括的だと思います。上記のように、それはオープンソースでも無料でもありませんが、私によれば手頃な価格です。

于 2012-01-18T15:42:23.617 に答える
1

注釈は必要なく、ファインダー機能のみが必要な場合は、NVD3.jsを試してください。

于 2013-09-19T02:42:37.143 に答える
0

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

于 2014-09-03T12:54:12.997 に答える