方法を教えて頂けますでしょうか?
http://www.city.ena.gifu.jp/pr/h20/4-1/img/yosa1.jpg
http://www.infragistics.com/products/jquery/sample/doughnut-chart/bind-to-collection
jqueryとhtml5を使うと、このようなグラフを作成することができます。
あとは各要素を代入すれば完成です。
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
こちらのリンクから円グラフが作れます
http://www.html5.jp/library/graph_circle.html
CSSで簡単な円グラフならこちら
http://feed.designlinkdatabase.net/feed/outsite_1317.aspx
ほか
http://liginc.co.jp/designer/archives/6023
http://www.html5.jp/library/graph_circle.html
http://www.visualthinking.jp/archives/13390
このへんを参考にしてみてください。
コメント(0件)