📜  jQWidgets jqxKnob spinner 属性(1)

📅  最后修改于: 2023-12-03 14:43:24.466000             🧑  作者: Mango

jQWidgets jqxKnob Spinner 属性介绍

jQWidgets jqxKnob是一个漂亮的、可定制的旋钮组件,在数据可视化和调整方面非常有用。其中的Spinner属性提供了一些适用于旋钮组件的特性,使得数据输入更加方便和灵活。本文将对Spinner属性进行详细介绍。

Spinner属性列表

Spinner属性列表如下:

属性	                类型	            默认值	             描述
width	            Number/String	120	                 组件的宽度
height	            Number/String	120	                 组件的高度
min	                Number	        0	                 可选的最小值
max	                Number	        100	                 可选的最大值
value	            Number	        0	                 组件的默认值
startAngle	        Number	        0	                 旋钮的起始角度
endAngle	        Number	        360	                 旋钮的结束角度
snapToStep	        Boolean	        false	             是否使旋钮的值根据步长保持对齐
rotation	        String	        'clockwise'	         旋钮的旋转方向('clockwise'或'counterclockwise')
disabled	        Boolean	        false	             是否禁用旋钮
readOnly	        Boolean	        false	             是否只读(也支持'mousewheel'将readOnly属性设置为true来禁用旋钮,但保留对小部件的鼠标事件)
showLabels	        Boolean	        false	             是否显示标签
labels	            Array	        []	                 标签数组(格式:[{value:0, label:''}])
decimalDigits	    Number	        0	                 显示的小数位数
handleSize	        Number/String	'auto'	             旋钮柄大小(整数,或者'auto'为自动调整)。
progressThickness	Number/String	'50%'	             进度条厚度(整数,或者'50%'为半径的50%)
dialThickness	    Number/String	'2%'	             界面周围的线条的大小(整数,或者'2%'为半径的2%)
dialFill	        String	        '#EEEEEE'	         界面的填充颜色
dialStroke	        String	        '#A6A6A6'	         界面的描边颜色
dialStrokeWidth	    Number/String	'1%'	             界面的描边宽度(整数,或者'1%'为半径的1%)
knobFill	        String	        '#FAFAFA'	         旋钮的填充颜色
knobStroke	        String	        '#757575'	         旋钮的描边颜色
knobStrokeWidth	    Number/String	'1%'	             旋钮的描边宽度(整数,或者'1%'为半径的1%)
minorTicksInterval	Number/String	'10%'	             次要刻度间隔(整数,或者'10%'为半径的10%)
majorTicksInterval	Number/String	'20%'	             主要刻度间隔(整数,或者'20%'为半径的20%)
ticksVisibility	    String	        'both'	             刻度线是否可见('both'、'major'或'minor')
ticksPosition	    String	        'both'	             刻度线摆放位置('both'、'inner'或'outer')
Spinner属性介绍
width

属性类型:Number/String

默认值:120

这个属性是设置旋钮的宽度。可以是数字或字符串,例如'150px'。

height

属性类型:Number/String

默认值:120

这个属性是设置旋钮的高度。可以是数字或字符串,例如'150px'。

min

属性类型:Number

默认值:0

这个属性是设置可选的最小值。当snapToStep为true时,值会根据步长对齐。

max

属性类型:Number

默认值:100

这个属性是设置可选的最大值。当snapToStep为true时,值会根据步长对齐。

value

属性类型:Number

默认值:0

这个属性是设置旋钮的默认值。

startAngle

属性类型:Number

默认值:0

这个属性是设置旋钮的起始角度。

endAngle

属性类型:Number

默认值:360

这个属性是设置旋钮的结束角度。

snapToStep

属性类型:Boolean

默认值:false

这个属性是设置旋钮的值是否根据步长保持对齐。

rotation

属性类型:String

默认值:'clockwise'

这个属性是设置旋钮的旋转方向。可以为'clockwise'或'counterclockwise'。

disabled

属性类型:Boolean

默认值:false

这个属性是设置旋钮是否禁用。

readOnly

属性类型:Boolean

默认值:false

这个属性是设置旋钮是否只读。

showLabels

属性类型:Boolean

默认值:false

这个属性是设置是否显示旋钮的标签。

labels

属性类型:Array

默认值:[]

这个属性是设置旋钮的标签数组,其中每个标签包含value和label两个属性。例如:[{value:0, label:''}]。

decimalDigits

属性类型:Number

默认值:0

这个属性是设置旋钮的显示小数位数。

handleSize

属性类型:Number/String

默认值:'auto'

这个属性是设置旋钮柄的大小。可以是整数或字符串,例如'50'。

progressThickness

属性类型:Number/String

默认值:'50%'

这个属性是设置进度条的厚度。可以是整数或字符串,例如'60'。

dialThickness

属性类型:Number/String

默认值:'2%'

这个属性是设置界面周围线条的大小。可以是整数或字符串,例如'4'。

dialFill

属性类型:String

默认值:'#EEEEEE'

这个属性是设置界面的填充颜色。

dialStroke

属性类型:String

默认值:'#A6A6A6'

这个属性是设置界面的描边颜色。

dialStrokeWidth

属性类型:Number/String

默认值:'1%'

这个属性是设置界面的描边宽度。可以是整数或字符串,例如'2'。

knobFill

属性类型:String

默认值:'#FAFAFA'

这个属性是设置旋钮的填充颜色。

knobStroke

属性类型:String

默认值:'#757575'

这个属性是设置旋钮的描边颜色。

knobStrokeWidth

属性类型:Number/String

默认值:'1%'

这个属性是设置旋钮的描边宽度。可以是整数或字符串,例如'2'。

minorTicksInterval

属性类型:Number/String

默认值:'10%'

这个属性是设置次要刻度线的间隔。可以是整数或字符串,例如'15'。

majorTicksInterval

属性类型:Number/String

默认值:'20%'

这个属性是设置主要刻度线的间隔。可以是整数或字符串,例如'30'。

ticksVisibility

属性类型:String

默认值:'both'

这个属性是设置刻度线是否可见。可为'both'、'major'或'minor'。

ticksPosition

属性类型:String

默认值:'both'

这个属性是设置刻度线的摆放位置。可为'both'、'inner'或'outer'。

总结

本文介绍了jQWidgets jqxKnob组件中的Spinner属性,并详细介绍了每个属性的类型、默认值和用途等信息。Spinner属性是这个组件拥有的一些特性,可以帮助我们更好地定制和使用旋钮组件。