JavaScriptの円グラフが欲しいのですが、すでにPlotKitを使用していますが、ライブラリが大きすぎて帯域幅が狭くなっています。JavaScript(またはjQuery)で適切で軽量なものが必要です。
4 に答える
私は自分のプロジェクトの1つでこのhttp://www.jqplot.com/index.phpライブラリを使用しました。パワフルで使いやすい!そして、これが円グラフの例です:http ://www.jqplot.com/tests/pieTests.php
JQueryチャートプラグインを備えたサイトへのリンクは次のとおりです。
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/
そして、本質的に同じ質問をしているこのSOスレッド:
編集:他のいくつかのオプションを追加しました
最近、Flotを使用していくつかの棒グラフを作成しました http://people.iola.dk/olau/flot/examples/
いくつかの円グラフやその他のものにRaphaelを使用しています http://raphaeljs.com/
Flashを必要としない純粋なJavaScriptチャート用のオープンソースおよび商用ソリューションが増えています。この回答では、オープンソースオプションのみを紹介します。
Flashを必要としないグラフィックス用のJavaScriptソリューションには主に2つのクラスがあります。
- キャンバスベース、VMLに依存するExplorerCanvasを使用してIEでレンダリング
- IEでVMLとしてレンダリングされた標準ベースのブラウザ上のSVG
両方のアプローチには長所と短所がありますが、チャートライブラリはDOMと十分に統合されており、DOMでチャート要素を操作でき、最も重要なのはDOMイベントを設定できるため、後者をお勧めします。対照的に、Canvasチャートライブラリは、イベントを管理するためにDOMホイールを再発明する必要があります。したがって、イベント処理なしで静的グラフを作成する場合を除いて、SVG/VMLソリューションの方が優れているはずです。
SVG / VMLソリューションには、次のような多くのオプションがあります。
- Dojox Charting、すでにDojoツールキットを使用している場合に適しています
- ラファエルベースのソリューション
Raphaelは、IE 6から8、Firefox、Opera、Safari、Chrome、Konquerorなどの非常に優れたクロスブラウザサポートを備えた、非常にアクティブで、よく維持され、成熟したオープンソースのグラフィックライブラリです。RaphaelはJavaScriptフレームワークに依存しないため、Prototype、jQuery、Dojo、Mootoolsなどで使用できます。
Raphaelに基づくチャートライブラリには、次のようなものがあります(ただしこれらに限定されません)。
- gRaphael、Raphaelグラフィックライブラリの拡張
Ico、複雑なチャートを作成するための単一の関数呼び出しに基づく直感的なAPI開示:私はgithub(http://github.com/uiteoi/ico)のIcoフォークの1つの開発者です。
そしてこれ以外:
eJS以外のjQueryを使用しても問題がない場合は、チャートも非常に洗練されています。