前端 环形统计_jQuery教程 jquery.circliful----环形统计图详解

本篇教程介绍了jQuery教程 jquery.circliful----环形统计图详解，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

<

环形统计图效果：

左边统计图数据绑定右边人员出勤率，当数人员出勤率变化，统计图更新。

引入js，设置css：

/*环形图样式start*/

.circliful {

position: relative;

}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {

width: 100%;

position: absolute;

text-align: center;

display: inline-block;

}

.circle-info, .circle-info-half {

color: #999;

}

.circliful .fa {

margin: -10px 3px 0 3px;

position: relative;

bottom: 4px;

}

/*环形图样式end*/

HTML：

一线人员出勤率

0/

0

初始化：

//加载环形图

$(document).ready(function () {