WProgressCircle

Description:

Props

Name Type Default value Required? Description
text String '' No 輸入文字字串,預設''
value Number 0 No 輸入數值,介於0~100之間,預設0
color String 'rgba(150,150,150,0.8)' No 輸入環狀圓條顏色字串,預設'rgba(150,150,150,0.8)'
trackColor String 'rgba(150,150,150,0.4)' No 輸入環狀軌道顏色字串,預設'rgba(150,150,150,0.4)'
size Number 120 No 輸入進度條外徑寬度,單位為px,預設120
width Number 6 No 輸入環狀圓條寬度,單位為px,預設6
textColor String '#666' No 輸入文字顏色字串,預設'#666'
tooltip String '' No 輸入提示文字字串,預設''
tooltipBorderRadius Number 4 No 輸入提示文字框圓角度數字,單位為px,預設4
tooltipPaddingStyle Object {v:5,h:8} No 輸入提示文字內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:5,h:8}
tooltipTextFontSize String '0.85rem' No 輸入提示文字字型大小字串,預設'0.85rem'
tooltipTextColor String 'white' No 輸入提示文字顏色字串,預設'white'
tooltipBackgroundColor String 'rgba(60,60,60,0.75)' No 輸入背景顏色字串,預設'rgba(60,60,60,0.75)'

Props

Name Type Default value Required? Description
text String '' No 輸入文字字串,預設''
value Number 0 No 輸入數值,介於0~100之間,預設0
color String 'rgba(150,150,150,0.8)' No 輸入環狀圓條顏色字串,預設'rgba(150,150,150,0.8)'
trackColor String 'rgba(150,150,150,0.4)' No 輸入環狀軌道顏色字串,預設'rgba(150,150,150,0.4)'
size Number 120 No 輸入進度條外徑寬度,單位為px,預設120
width Number 6 No 輸入環狀圓條寬度,單位為px,預設6
textColor String '#666' No 輸入文字顏色字串,預設'#666'
tooltip String '' No 輸入提示文字字串,預設''
tooltipBorderRadius Number 4 No 輸入提示文字框圓角度數字,單位為px,預設4
tooltipPaddingStyle Object {v:5,h:8} No 輸入提示文字內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:5,h:8}
tooltipTextFontSize String '0.85rem' No 輸入提示文字字型大小字串,預設'0.85rem'
tooltipTextColor String 'white' No 輸入提示文字顏色字串,預設'white'
tooltipBackgroundColor String 'rgba(60,60,60,0.75)' No 輸入背景顏色字串,預設'rgba(60,60,60,0.75)'