圆圈统计图html,jQuery圆形统计插件circliful

插件描述：显示的信息为圆形统计，不需要添加额外图像文件

显示的信息为圆形统计，不需要添加额外图像文件

展会的相关信息为圆形统计，使用无图像

基于HTML5的画布和jQuery

许多选项可以被设置为数据的属性

fontawesome整合

如何使用circliful

包括circliful和jQuery添加到你的网站

如果您想使用fontawesome图标，你也需要包括css文件到您的网站。

添加一个元素到你的网站有一个唯一的ID的数据属性，你需要，例如：

添加此代码在您的站点的结尾

$( document ).ready(function() {

$('#myStat').circliful();

});

数据选项(属性)

请查看官方文档

============以下内容由 旅图灬 提供=================

参数详解：参数描述默认值

data-dimension圆形图的宽度和高度px250

data-text显示在圆圈内侧的文字内容empty

data-info显示在data-text下的说明信息empty

data-width圆圈的厚度px15

data-fontsize圈内文字大小px15

data-percent圆圈统计百分比%，1-10050

data-fgcolor圆圈的前景色#556b2f

data-bgcolor圆圈的背景色#eeeeee

data-fill圆形的填充背景色empty

data-type圆形统计类型，可以是”half”或”full”full

data-total数据总量，和data-part配合使用empty

data-part数据量，与data-total配合使用empty

data-border圆形样式，可以加边框，如inline或outlineempty

data-iconempty

data-icon-size图标大小empty

data-icon-color图标颜色