easy pie chartでつくる簡単な円グラフ

harada 257views 更新:2014年12月5日

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>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません