1,需要引入文件
<script src="lib/circleChart/js/jquery-1.11.0.min.js"></script>
<script src="lib/circleChart/dist/circleChart.min.js"></script>
2,html需要写以下内容
<div class="circleChartR" ></div>
3,js文件需要写以下内容
$(".circleChart").circleChart({ color: "#E48516", startAngle: 40, text: true, animation: "easeInOutCubic", backgroundColor: "#384E78", // 进度条之外颜色 background: true, // 是否显示进度条之外颜色 speed: 1000, // 出现的时间 widthRatio: 0.4, // 进度条宽度 value: 56, // 进度条占比 unit: "percent", counterclockwise: false, // 进度条反方向 size: 135, // 圆形大小 animate: true, // 进度条动画 backgroundFix: true, lineCap: "round", redraw: false, cAngle: 0, textCenter: true, textSize: false, textWeight: "normal", textFamily: "sans-serif",