效果如下：
1、引入css/js
$('#chart1').data('percent', 59).circliful();引數描述
預設值data-dimension
圓形圖的寬度和高度px
250data-text
顯示在圓圈內側的文字內容
empty
data-info
顯示在data-text下的說明資訊
empty
data-width
圓圈的厚度px
15data-fontsize
圈內文字大小px
15data-percent
圓圈統計百分比%，1-100
50data-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或outline
empty
data-icon
fontawesome圖示樣式，詳情可參照：fontawesome website – icons
empty
data-icon-size
圖示大小
empty
data-icon-color
圖示顏色
vue實現移動端圓形旋鈕外掛程式
最近公司有乙個專案的需要做出旋鈕的效果，旋鈕有十個檔，根據手指旋轉切換，旋轉時接近最近的檔會有吸附效果，具體效果如下 html部分 div class touch div class round box ref box touchstart touchstart touchmove touchmov...
統計各國訪客外掛程式 flag counter
很多人都想知道自己的部落格或者 每天到底有哪些國家的人瀏覽過，今天向你介紹的免費統計工具flag counter就可以實現上述功能。flag counter可以顯示不同國家的訪問者，只要訪問了就能在你的部落格上顯示該國家的國旗，當然後台統計，詳細ip統計則別人是看不見的。放到側邊欄非常漂亮哦！如何使...
封裝乙個圓形進度條jQuery外掛程式
function 1.設定預設值 var defaults 2.傳入的物件覆蓋預設物件 for var key in options 百分比換算成角度值 var deg 360 100 defaults.number 2.計算動畫的時間 一度的時間 var onetime defaults.time...