web-dev-qa-db-ja.com

JavaScript Charts API：FlotjQueryプラグインOR Google Visualization？

ウェブサイトに表示するチャートライブラリを探しています。私はこのライブラリを集中的に使用します（主に面積、折れ線グラフ、棒グラフ）ので、実装を開始する前に選択を確保することを好みます。

私が最初に検討したウェブサイトチャートライブラリのリストは次のとおりです。

ただし、このフォーラムでの調査とWebでの調査の結果、候補者リストを次の2つのライブラリに減らしました。

  1. flot jQueryプラグイン
  2. Google Visualization

どれを使用するようにアドバイスしますか、またその理由（1つまたは2つを使用したことがある場合は、フィードバックを教えてください）。

使いやすさ、パフォーマンス、機能に関して、どのように比較していますか？

ありがとうございました

編集：ベース-フラッシュチャートライブラリは私の制約の対象ではありませんでした

javascriptjquerychartsflotgoogle-visualization
35
fabien7474

これらの2つの視覚化ライブラリについて何度か試し、調査した後、私は自分の質問に答えようとします。各ソリューションの長所のリストは次のとおりです。

フロートの長所

  1. jQueryプラグイン：jQueryに精通している場合（またはアプリがjQueryと統合されている場合）、Flotを使用するのは自然なことのようです
  2. オフラインの視覚化：テストするか、内部Webサイトにインストールすることができます。 Google Visuは、GoogleWebサイトにアクセスできる場合にのみ機能します。
  3. Customization：これは基本的にJavaScriptファイルなので、JSコーディングが得意な場合は、都合に合わせてグラフをカスタマイズできます。また、Flotプラグインシステムにより、モジュール性が向上します

Google Visualization Pros

  1. ドキュメント：すごい！各タイプのグラフの例は、Googleサイトで入手できます。
  2. 使いやすい：本当に。 Flotよりも簡単（divコンテナを何らかの方法でカスタマイズする必要があります）
  3. 強力：さまざまな種類のグラフと機能（ズーム、インタラクティブ機能など）があります
  4. JavaおよびPython API：データテーブルの構築に大いに役立ちます（少なくとも私にとっては、Java = API）

結論

JQueryに精通している場合は、Flotを使用してください。何らかの理由でチャートをオフラインで表示する必要がある場合は、Flotを使用してください。フルコントロールが必要な場合は、Flotを使用してください。

上記で自分自身を認識していない場合は、GoogleVisuを使用してください。習得と実装が簡単で、十分に文書化されており、非常に強力です。

32
fabien7474

リストにはありませんが、Highchartsをご覧になることをお勧めします http://www.highcharts.com/ HighchartsはSVGであるため、Flotよりもはるかに動的です。 CSSを使用してグラフのスタイルを変更したり、イベントを添付したり、アニメーションを実行したりします。IE6とも互換性があり、サーバー側で動作します（thx to Batik）現在、グラフを多用するアプリケーションを構築しており、多くのベンチマークの後でHighchartsを選択しました。私は自分の選択を後悔していません。

4
solendil

私はFlotのユーザーであり、大ファンです。 Grailsアプリケーションで使用し、時系列や一連のインタラクティブ機能（チェックボックスを使用してシリーズをオフ/オンにするなど）を含む、積み上げ棒グラフ、折れ線グラフ、円グラフを使用します。

全体的に作業するのは楽しいことであり、APIは非常によく開発されていると感じました（他の多くのJSチャートライブラリがAPIを採用しているので、別のキットに移動する柔軟性もあります。未来）。ちょうど今グーグルAPIを少し見てから、私はフロットの方が好きだと思います（グーグルもシリーズを渡す能力を持っているかもしれませんが、サンプルからそれを見ませんでした）。

彼らは数週間前に新しいバージョン（0.6）を発表しました。これはプラグインをサポートしており、さらなるイノベーションを刺激すると期待しています。

したがって、これの一部は、使用する予定の他のテクノロジーに依存すると思います。 VisualizationはGWTと統合されているように見えるので、それを使用することを考えている場合は、Visualizationが最適です。一方、JQuery for AJAXの使用を検討している場合は、Flotの方が自然に適している可能性があります。

これを使用することを決定したとき、Googleにはインタラクティブな視覚化がなく、Googleのグラフ（画像）しかなかったようです。これがFlotを使用した理由の1つです。

1
Jean Barmash

見栄えのするオープンソースプロジェクトであるjqPlot（http://www.jqplot.com/）があります。 jQueryにも基づいています。 jqPlotを試してみますが、jQueryflotは非アクティブのようです。

1
André B.

piwik プロジェクトは Open Flash Chart を使用します（リストにはありません）。

使い方は簡単で、非常にユーザーフレンドリーな実例がたくさんあります。

1
Amirshk

リストにはありませんが、非常に印象的です： ExtJS 4.0チャート

0
TheHippo