| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
11年前发布

用圆圈来显示统计数据信息的jQuery插件:Circliful

Circliful 是个用来展示统计数据的 jQuery 插件。

  • 用圆来显示统计的数据信息,不需要图片

  • 基于 HTML5 canvas 和 jQuery

  • 很多选项可以设置数据属性

Data Attribute Explanation Values Default
data-dimension Is the height and width of the element Integer 200px on 200px
data-text Will be displayed inside of the circle over the info element Alphanumeric empty
data-info Will be deisplayed inside of the circle bellow the text element (can be empty if you dont want to show info text) Alphanumeric empty
data-width Is the thickness of circle Integer 15px
data-fontsize Is the font size for the text element Integer 15px
data-percent Can be 1 to 100 Integer 50%
data-fgcolor Is the foreground colour of the circle RGB #556b2f
data-bgcolor Is the background color of the cicle RGB #eeeeee
data-fill Is the background color of the whole circle (can be empty if you dont want to set a background to the whole circle) RGB empty
data-type Full or half circle for example data-type="half" if not set the circle will be a full circle half empty
data-total If you want to display the percentage of a value for example you have 750MB Ram and at the moment are 350MB in use. You need to set data-total="750" and data-part="350" and the circle will show the percentage value 36,85% Integer empty
data-part See data-total explanation. Integer empty
data-border Will change the styling of the circle. The line for showing the percentage value will be displayed inline or outline. inline or outline empty
data-icon Fontawesome icon class. Every Fontawesome Icon without the "fa-" for example not fa-plus just plus. Fontawesome Website - Icons empty
data-icon-size Will set the font size of the icon. Integer empty
data-icon-color Will set the font color of the icon. RGB empty



项目主页:http://www.open-open.com/lib/view/home/1390743377820

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1390743377820.html
Circliful 其他jQuery插件 jQuery插件