jQuery循环统计的开发示例
本文介绍了jQuery循环统计的开发，供大家参考，具体分析如下：在这里我们要介绍一个圆形统计图表circliful，它是基于HTML5的Canvas和jQuery。它不需要使用图像来实现循环统计，并且有很多属性设置非常方便使用：
首先，我们需要引入jQuery库文件和jquery.circliful.min.js进入页面。
复制代码代码如下所示：
当需要的jQuery文件被引入时，我们现在可以定制循环统计的基本样式了。
复制代码代码如下所示：
{。circliful
职位：相对；
}
循环文本，循环信息，循环文本一半，循环信息半{
宽度：100%；
位置：绝对；
文本对齐：中心；
显示：内联块；
}
循环信息，循环信息半{
颜色：# 999；
}
circliful.fa {。
保证金：- 10px 3px 0 3px；
职位：相对；
底部：4px；
}
当最初定义样式时，只需要在需要统计数据的地方添加以下样式代码：
复制代码代码如下所示：
数据宽度= 30 数据字体大小= 38数据率=35的数据fgcolor =# 61a9dc
数据背景颜色=# EEE数据填=# DDD>
块完成后，我们现在需要初始化它：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# mystat）。Circliful（）；
}）；
这很容易，只需几件简单的事情就能完成漂亮的统计数字。
以下是插件的基本属性：
circliful提供了一组丰富的属性选项，基于HTML5的数据属性，以下是集列表。
参数
描述
默认值
数据的维数
圆图的宽度和高度
二百五十
数据文本
显示在圆圈内部的文本内容。
空
数据信息
在数据文本下显示信息
空
数据宽度
圆的厚度
十五
数据字体大小
内部文本大小
十五
数据分
圆的统计百分比%，1-100
五十
数据fgcolor
圆的前视图
# 556b2f
数据表格
圆圈的背景颜色
# eeeeee
数据填充
圆形填充背景色
空
数据类型
循环统计类型，可以是半或满。
全
数据总
与数据部分一起使用的数据总量
空
数据部分
数据卷，与数据总量一起使用
空
数据的边界
圆形样式，可以添加边框，如内联或大纲。
空
数据图标
fontawesome图标风格，细节：fontawesome网站图标
空
数据图标大小
图标大小
空
数据图标的颜色
图标的颜色
空
希望本文能对大家的jQuery程序设计有所帮助。