CSSで円グラフを作成する方法

以下のようなCSSを使用して円グラフを作成するにはどうすればよいですか？CSSで円グラフを作成する方法

enter image description here

2012-04-05 Rohit Azad

FYI：サークルチャートは**円チャート**：o） – balexandre

1. http://www.htmldrive.net/items/show/751/Pure-CSS3-Pie-Charts-effect 2. http://atomicnoggin.ca/blog/2010/02/20/pure-css3-pie-charts/ 3. http://elisabethrobson.com/?p=867（** HTML5キャンバスを使用**）4あなたもHTML5とjQueryを使うことができます。[LINK]（http://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/） –

Oh my！あなたはGoogle Chart Toolsを見たことがありますか？

https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart

これは、実装が容易愚かであるが、それとの私の問題は、「外部API」の部分です。 googleがこれを行うことができればgoogleがダウンすると、バイバイチャート！しかし、美しさと他のチャートの選択については、Googleのグラフはちょっとした発見です。

出典

2013-02-27 21:13:02 Savanetech

google.visualization APIをダウンロードできます[Google Visualization APIリファレンス]（https://developers.google.com/chart/interactive/docs/reference）ページをご覧ください。ただし、利用規約にはgoogle.loadまたはgoogleをダウンロードして保存またはホストすることはできません。視覚化コード。 –

は、私の知る限り承知しているので、これはCSS3でなし（まだ）できません。しかし、新しいhtml5 canvas要素は、あなたが望むものすべてを提供します。それは簡単にアクセスして、javascriptで使用することができます。基本的な使い方に関する小さなチュートリアルはhereです。

他の質問は同じトピックでもあった。 "HTML5 Canvas pie chart"を参照してください。（キャンバス要素を使用した円グラフについてのチュートリアルの最初の回答に"Graphing Data in the HTML5 Canvas Element Part IV Simple Pie Charts"があります）

出典

2012-04-05 12:11:50 s1lence

私はこれらのパイを、純粋なCSSまたはいくつかのJavascriptを使って構築する方法を探していました。今日はSmashingMagazineの記事がtalk from Lea Verouを指していて、彼女は完全にその題名を釘付けにしていました。本当に本当に価値のある時計です！

出典

2015-10-29 20:05:40 rafaelbiten

CSSで円グラフを作成する方法

答えて

関連する問題