0

JavaScriptの円グラフが欲しいのですが、すでにPlotKitを使用していますが、ライブラリが大きすぎて帯域幅が狭くなっています。JavaScript(またはjQuery)で適切で軽量なものが必要です。

4

4 に答える 4

7

Googleは、チャートを返すWebサービスを提供しています。詳細はこちら:

http://code.google.com/intl/nl-NL/apis/chart/

代替テキスト

于 2010-11-04T12:02:39.980 に答える
2

私は自分のプロジェクトの1つでこのhttp://www.jqplot.com/index.phpライブラリを使用しました。パワフルで使いやすい!そして、これが円グラフの例です:http ://www.jqplot.com/tests/pieTests.php

于 2010-11-04T12:19:48.953 に答える
2

JQueryチャートプラグインを備えたサイトへのリンクは次のとおりです。

http://www.jscharts.com/

http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/

http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/

そして、本質的に同じ質問をしているこのSOスレッド:

jQueryを使用した円グラフ

編集:他のいくつかのオプションを追加しました

最近、Flotを使用していくつかの棒グラフを作成しました http://people.iola.dk/olau/flot/examples/

いくつかの円グラフやその他のものにRaphaelを使用しています http://raphaeljs.com/

于 2010-11-04T11:59:55.053 に答える
2

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つの開発者です。

ジーン・ヴィンセント

そしてこれ以外:

トップ5のjQueryチャートプラグイン

eJS以外のjQueryを使用しても問題がない場合は、チャートも非常に洗練されています。

于 2010-11-04T13:11:34.050 に答える