WLevelGrade

Props

Name Type Default value Required? Description
levels Array [] No 輸入級距的物件陣列,各級距物件之欄位名由keyColor、keyLow、keyUp、keyDelimiter、keyText指定,預設[]
value Number null No 輸入當前數值,會於所在級距(keyLow<=value<=keyUp)之左側顯示箭頭,預設null
keyColor String 'color' No 輸入級距物件中代表色塊顏色之欄位字串,預設'color'
keyLow String 'low' No 輸入級距物件中代表級距下限之欄位字串,預設'low'
keyUp String 'up' No 輸入級距物件中代表級距上限之欄位字串,預設'up'
keyDelimiter String 'delimiter' No 輸入級距物件中代表上下限間分隔文字之欄位字串,預設'delimiter'
keyText String 'text' No 輸入級距物件中代表說明文字之欄位字串,預設'text'
spaceForGrade Number 5 No 輸入色塊與級距數值之間距數字,單位為px,預設5
spaceForText Number 5 No 輸入級距數值與說明文字之間距數字,單位為px,預設5
tickDig Number null No 輸入級距上下限數值之顯示有效位數數字,須為正整數,未給予則不處理,預設null
gradeSize Number 18 No 輸入色塊尺寸數字,亦為各級距列之高度,單位為px,預設18
gradeTextFontSize String '0.75rem' No 輸入級距數值與說明文字之字型大小字串,預設'0.75rem'
gradeTextColor String '#444' No 輸入級距數值與說明文字之顏色字串,預設'#444'
arrowColor String '#666' No 輸入當前數值所在級距之箭頭顏色字串,預設'#666'
arrowSize Number 10 No 輸入當前數值所在級距之箭頭尺寸數字,單位為px,預設10

Description:

Props

Name Type Default value Required? Description
levels Array [] No 輸入級距的物件陣列,各級距物件之欄位名由keyColor、keyLow、keyUp、keyDelimiter、keyText指定,預設[]
value Number null No 輸入當前數值,會於所在級距(keyLow<=value<=keyUp)之左側顯示箭頭,預設null
keyColor String 'color' No 輸入級距物件中代表色塊顏色之欄位字串,預設'color'
keyLow String 'low' No 輸入級距物件中代表級距下限之欄位字串,預設'low'
keyUp String 'up' No 輸入級距物件中代表級距上限之欄位字串,預設'up'
keyDelimiter String 'delimiter' No 輸入級距物件中代表上下限間分隔文字之欄位字串,預設'delimiter'
keyText String 'text' No 輸入級距物件中代表說明文字之欄位字串,預設'text'
spaceForGrade Number 5 No 輸入色塊與級距數值之間距數字,單位為px,預設5
spaceForText Number 5 No 輸入級距數值與說明文字之間距數字,單位為px,預設5
tickDig Number null No 輸入級距上下限數值之顯示有效位數數字,須為正整數,未給予則不處理,預設null
gradeSize Number 18 No 輸入色塊尺寸數字,亦為各級距列之高度,單位為px,預設18
gradeTextFontSize String '0.75rem' No 輸入級距數值與說明文字之字型大小字串,預設'0.75rem'
gradeTextColor String '#444' No 輸入級距數值與說明文字之顏色字串,預設'#444'
arrowColor String '#666' No 輸入當前數值所在級距之箭頭顏色字串,預設'#666'
arrowSize Number 10 No 輸入當前數值所在級距之箭頭尺寸數字,單位為px,預設10