jQueryチャートライブラリプラグイン5選【jqueryプラグインライブラリ】_基礎知識

GraphUp jQuery プラグイン - $15

Graphup は、データ テーブルを美しくするために使用される非常に軽量で柔軟な jQuery (v1.4+) プラグインです。色、ヒストグラム、グラフを使用してデータを効果的に表示できます。

多くのオプションをサポート - データ クリーナーとペイント ツールを選択します: 塗りつぶし、列、完全なグラフ、小数点の設定 (ピリオドまたはカンマをサポート)、カラー テーブルとその CSS クラスなどをカスタマイズします。 - プラグイン全体はわずか 4kb 拡張可能です - 独自のクリーナー、ペイント ツール、カラー テーブルを簡単に作成できます。また、色を付ける前にセルに対して操作を実行するコールバックを用意します。非常に柔軟で、可能性は無限大です。デモを見ることができます。機能強化 - JavaScript を使用しなくても、元のテーブルを表示できます。完全なドキュメント - ライブサンプルとドキュメント。

互換性: Chrome 5、FireFox 2、FireFox 3、IE7、IE8、Opera、Safari

1. jQuery Visualize プラグイン

テーブルの内容をグラフィカルに表示したい場合は、このプラグインが最適な表示ツールになります。棒グラフ、円グラフ、面グラフ、折れ線グラフなど、さまざまな種類のアイコンが用意されています

デモ例

サポートされているグラフ: 棒グラフ、円グラフ、面グラフ、折れ線グラフ

システム要件: jQuery、exanvas (付属)

ブラウザのサポート: IE6、7、8、Firefox 2、Firefox 3.5、Safari 3、4、Opera 9。
HTML5 キャンバスは IE ではサポートされていませんが、Google は Canvas を VML に変換できるクラス ライブラリを維持しているため、IE のどのバージョンでも実行できます

ライセンスの種類: MIT および GPL ライセンス

2. ハイチャート

highcharts は優れた jQuery プラグインです。簡単に言えば、highcharts は iPhone を含むほとんどのブラウザーと互換性があります。多くの種類のグラフがサポートされています。また、チャートの作成後にシーケンス、軸、ポイントを簡単に追加、削除、変更できるほか、外部からファイル データをロードして簡単に表示できるプロンプト バーもサポートしています。チャートの詳細な内容。最後に、スケーリングと反転がサポートされています。

デモ例

サポートされているグラフ: 棒グラフ、円グラフ、面グラフ、折れ線グラフ、スプライン グラフ、円柱グラフ、散布図、エリアスプライン

システム要件: jQuery または MooTools

ブラウザのサポート: IE6、7、8、Firefox 2、Firefox 3.5、Safari 3、4、Opera 9、iPhone!

ライセンスの種類: クリエイティブ コモンズ表示、非営利 3.0 ライセンス。学校、非営利団体、個人は無料で使用できます。商用ウェブサイト 1 つあたりの料金は 80 米ドル

3. フロート

Flot の作者は、これを「魅力的な JavaScript プロットの jQuery バージョン」と呼んでいます。これは非常にシンプルで実用的で、グラフの作成も簡単です。すべてのオプションはオプションです。主な機能には、シリーズの切り替え、ズーム、データ ポイントのインタラクション、シンプルなプロンプト ボックス

が含まれます。

デモ例

サポートされているグラフ: 棒グラフ、円グラフ、点グラフ、折れ線グラフ

システム要件: jQuery

ブラウザのサポート: IE6、7、8、Firefox 2、Firefox 3.5、Safari 3、4、Opera 9、Konqueror 4+

ライセンスの種類: MIT および GPL ライセンス

4. jQuery スパークライン

スパークラインは、HTML または Javasript で小さなインターライン チャートを生成できます。これは、ミニ チャートを表示する場合に特に便利です。アイコンの生成を完了するのに 1 行しか使用しないためです。もう 1 つの非常に悪い機能はセルフリフレッシュです。マウスの動きのキャプチャのオンライン デモンストレーションをご覧いただけます。

デモ例

サポートされているチャート: 棒グラフ、円グラフ、折れ線グラフ、トライステート、ブレット、ボックス プロット

システム要件: jQuery

ブラウザのサポート: IE6、7、8、Firefox 2、Firefox 3.5、Safari 3、4、Opera 9、Google Chrome

ライセンスの種類: MIT および GPL ライセンス

5. jqPlot

最初は目に入ってきませんでしたが、徹底的に調べた結果、これは確かに最高の無料 jQuery チャート プラグインの 1 つであることがわかりました。多数のオプションが利用可能で、影やドラッグ操作を設定することもできます。トレンドラインも自動計算できます。個人的には、ハイチャートに匹敵するとさえ思います。

デモ例

サポートされているグラフ: 棒グラフ、円グラフ、折れ線グラフ

システム要件: jQuery

ブラウザのサポート: IE6、7、8、Firefox 2、Firefox 3.5、Safari 3、4、Opera 9、Google Chrome

ライセンスの種類: MIT および GPL バージョン 2 ライセンス