easy pie chartというjQueryプラグインを利用することで簡単に円グラフが作成できます。
サンプル・ダウンロードはこちら
読み込む
jQueryを利用していますので、jQueryファイルとダウンロードしたプラグインを読み込んでおきます。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.easypiechart.min.js"></script>
JavaScript
<script type="text/javascript"> $(function(){ $('.chart').easyPieChart({}); }); </script>
HTML
<span class="chart" data-percent="80">WordPress</span> <span class="chart" data-percent="30">BuddyPress</span> <span class="chart" data-percent="20">JavaScript</span>