このURL先の円グラフをHTML5かCSS3で表現したいのですが

方法を教えて頂けますでしょうか?
http://www.city.ena.gifu.jp/pr/h20/4-1/img/yosa1.jpg

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/07/19 17:20:05
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答5件)

id:holoholobird No.1

回答回数574ベストアンサー獲得回数104

ポイント40pt

http://www.infragistics.com/products/jquery/sample/doughnut-chart/bind-to-collection
jqueryとhtml5を使うと、このようなグラフを作成することができます。

あとは各要素を代入すれば完成です。

id:cx20 No.2

回答回数607ベストアンサー獲得回数108

ポイント40pt

JavaScript 投稿サイト CodePen に Highcharts.js ライブラリを使用した円グラフサンプルがありました。

■ Demo of Double-Depth Highcharts.js Pie Chart - CodePen
http://codepen.io/akhbar/pen/yifbG

ライブラリの日本語説明は、以下が参考になるかと思います。

■ 【初心者用】 Highchartsの使い方1 Highchartsの表示方法 -
http://frequ2156.blog.fc2.com/blog-entry-42.html


※ 2013.07.13 16:48 追記
サンプルを書いてみました。

■ Highcharts.js でグラフを書いてみるテスト
http://jsdo.it/cx20/pDXW

id:Yacky No.3

回答回数1376ベストアンサー獲得回数156

ポイント40pt

こちらのリンクから円グラフが作れます
http://www.html5.jp/library/graph_circle.html
CSSで簡単な円グラフならこちら
http://feed.designlinkdatabase.net/feed/outsite_1317.aspx
ほか
http://liginc.co.jp/designer/archives/6023

id:dawakaki No.4

回答回数797ベストアンサー獲得回数122

ポイント40pt

HTML5 × Chart.jsで円グラフを描く(オプション指定方法)
http://www.visualthinking.jp/archives/13463

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません