35

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

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

ただし、このフォーラムでの調査と Web での調査の後、候補リストを次の 2 つのライブラリに絞り込みました。

  1. Flot jQuery プラグイン
  2. Google ビジュアライゼーション

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

使いやすさ、パフォーマンス、および機能に関して、両者をどのように比較しますか?

ありがとうございました

編集: ベースのフラッシュ チャート ライブラリは、私の制約では適格ではありませんでした

4

6 に答える 6

32

これら2つの視覚化ライブラリについていくつかの試行と調査を行った後、私自身の質問に答えようとします。ここに、各ソリューションの長所のリストを示します。

フロットの長所


  1. jQuery プラグイン: jQuery に精通している場合 (またはアプリが jQuery と統合されている場合) は、Flot を使用するのが自然なようです。
  2. オフライン ビジュアライゼーション: テストしたり、内部 Web サイトにインストールしたりできます。Google Visu は、Google の Web サイトにアクセスできる場合にのみ機能します !!
  3. カスタマイズ: これは基本的に JavaScript ファイルなので、JS コーディングが得意な場合は、チャートを便利にカスタマイズできます。また、Flot プラグイン システムにより、モジュール性が向上します。

Google ビジュアライゼーションのプロ


  1. ドキュメンテーション: 素晴らしい! 各タイプのグラフの例は、Google サイトで入手できます。
  2. 使いやすい: 本当に。Flot よりも簡単です (div コンテナーをカスタマイズする必要があります)。
  3. 強力: さまざまな種類のグラフと機能 (ズーム、対話機能など) があります。
  4. Java および Python API : データ テーブルの作成に大いに役立ちます (少なくとも私にとっては、Java API を使用できます)。

結論


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

上記に見覚えがない場合は、Google Visu を使用してください。学習と実装が簡単で、ドキュメントが充実しており、非常に強力です。

于 2009-11-25T15:36:11.303 に答える
4

Not in your list, but I would recommend you have a look at Highcharts http://www.highcharts.com/ Highcharts is SVG, and as such, it is much more dynamic than Flot, you can restyle graphs with CSS, attach events, perform animations, etc... It is also compatible with IE6 and it works server-side (thx to Batik) I'm currently building a graph-intensive application, and chose Highcharts after lots of benchmarkings. I don't regret my choice.

于 2011-05-30T15:23:58.620 に答える
1

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

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

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

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

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

于 2009-11-23T15:28:14.553 に答える
1

piwikプロジェクトはOpen Flash Chartを使用します(あなたのリストにはありません)。

使いやすく、非常にユーザーフレンドリーな実用的な例がたくさんあります。

于 2009-11-21T23:00:48.633 に答える
1

jqPlot (http://www.jqplot.com/) というオープン ソース プロジェクトがあります。jQueryにも基づいています。jqPlot を試してみます。jQuery flot は非アクティブのようです。

于 2012-07-21T10:04:04.513 に答える
0

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

于 2011-05-30T15:15:26.773 に答える