css - CSSで円グラフを作る方法

Question

以下のような CSS で円グラフを作成するにはどうすればよいですか?

ここに画像の説明を入力

score 11 · Accepted Answer

ああ、私の！Google Chart Toolsを見たことがありますか？

これは簡単に実装できますが、私の問題は「外部API」の部分です。グーグルがこれを行うことができると決定した場合、またはグーグルがダウンした場合は、さようならチャート！しかし、美しさと他のチャートの選択に関しては、グーグルチャートはちょっとクールな発見です。

score 2 · Accepted Answer

私の知る限り、これは css3 では (まだ) 不可能です。ただし、新しい html5canvas要素は必要なものをすべて提供します。JavaScript で簡単にアクセスして使用できます。基本的な使用法に関する小さなチュートリアルは、こちらにあります。

stackoverflow に関する別の質問も同じトピックに関するものでした。「HTML5 Canvas 円グラフ」を参照してください。( canvas要素を使った円グラフのチュートリアルの最初の回答に「HTML5 Canvas要素でデータをグラフ化する Part IV シンプルな円グラフ」があります)

6 に答える 6