「Bootstrap」✕「EASY PIE CHART」

カスタマイズ例

・このページ上部の円グラフは、「EASY PIE CHART」を利用していると思われ

・明示的にライブラリ単体ファイルを読み込んでいないため若干分かりづらいが、jsファイルに以下のような記載がある

<script type="text/javascript">

		$(document).ready(function () {

			$('a[rel=tooltip]').tooltip();



			// Easy Pie Charts

			var easyPieChartDefaults = {

				animate: 2000,

				scaleColor: false,

				lineWidth: 12,

				lineCap: 'square',

				size: 100,

				trackColor: '#e5e5e5'

			}

			$('#easy-pie-chart-1').easyPieChart($.extend({}, easyPieChartDefaults, {

・また、動作確認のために設置したサンプルで、同ライブラリを読み込んだところ無事エラーが消えたため

・なお、中の数字がアニメーションしていないのは、もしかすると最新バージョンを利用していないためかもしれない