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

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/07/12 17:18:27
  • 終了:2013/07/19 17:20:05

回答(5件)

id:holoholobird No.1

holoholobird回答回数574ベストアンサー獲得回数1042013/07/12 17:36:14

ポイント40pt

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

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

id:cx20 No.2

cx20回答回数603ベストアンサー獲得回数1072013/07/12 23:06:52

ポイント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

エネゴリ回答回数1371ベストアンサー獲得回数1542013/07/13 13:02:52

ポイント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ベストアンサー獲得回数1222013/07/13 16:55:28

ポイント40pt

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

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません