📅  最后修改于: 2023-12-03 14:43:24.466000             🧑  作者: Mango
jQWidgets jqxKnob是一个漂亮的、可定制的旋钮组件,在数据可视化和调整方面非常有用。其中的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')
属性类型:Number/String
默认值:120
这个属性是设置旋钮的宽度。可以是数字或字符串,例如'150px'。
属性类型:Number/String
默认值:120
这个属性是设置旋钮的高度。可以是数字或字符串,例如'150px'。
属性类型:Number
默认值:0
这个属性是设置可选的最小值。当snapToStep为true时,值会根据步长对齐。
属性类型:Number
默认值:100
这个属性是设置可选的最大值。当snapToStep为true时,值会根据步长对齐。
属性类型:Number
默认值:0
这个属性是设置旋钮的默认值。
属性类型:Number
默认值:0
这个属性是设置旋钮的起始角度。
属性类型:Number
默认值:360
这个属性是设置旋钮的结束角度。
属性类型:Boolean
默认值:false
这个属性是设置旋钮的值是否根据步长保持对齐。
属性类型:String
默认值:'clockwise'
这个属性是设置旋钮的旋转方向。可以为'clockwise'或'counterclockwise'。
属性类型:Boolean
默认值:false
这个属性是设置旋钮是否禁用。
属性类型:Boolean
默认值:false
这个属性是设置旋钮是否只读。
属性类型:Boolean
默认值:false
这个属性是设置是否显示旋钮的标签。
属性类型:Array
默认值:[]
这个属性是设置旋钮的标签数组,其中每个标签包含value和label两个属性。例如:[{value:0, label:''}]。
属性类型:Number
默认值:0
这个属性是设置旋钮的显示小数位数。
属性类型:Number/String
默认值:'auto'
这个属性是设置旋钮柄的大小。可以是整数或字符串,例如'50'。
属性类型:Number/String
默认值:'50%'
这个属性是设置进度条的厚度。可以是整数或字符串,例如'60'。
属性类型:Number/String
默认值:'2%'
这个属性是设置界面周围线条的大小。可以是整数或字符串,例如'4'。
属性类型:String
默认值:'#EEEEEE'
这个属性是设置界面的填充颜色。
属性类型:String
默认值:'#A6A6A6'
这个属性是设置界面的描边颜色。
属性类型:Number/String
默认值:'1%'
这个属性是设置界面的描边宽度。可以是整数或字符串,例如'2'。
属性类型:String
默认值:'#FAFAFA'
这个属性是设置旋钮的填充颜色。
属性类型:String
默认值:'#757575'
这个属性是设置旋钮的描边颜色。
属性类型:Number/String
默认值:'1%'
这个属性是设置旋钮的描边宽度。可以是整数或字符串,例如'2'。
属性类型:Number/String
默认值:'10%'
这个属性是设置次要刻度线的间隔。可以是整数或字符串,例如'15'。
属性类型:Number/String
默认值:'20%'
这个属性是设置主要刻度线的间隔。可以是整数或字符串,例如'30'。
属性类型:String
默认值:'both'
这个属性是设置刻度线是否可见。可为'both'、'major'或'minor'。
属性类型:String
默认值:'both'
这个属性是设置刻度线的摆放位置。可为'both'、'inner'或'outer'。
本文介绍了jQWidgets jqxKnob组件中的Spinner属性,并详细介绍了每个属性的类型、默认值和用途等信息。Spinner属性是这个组件拥有的一些特性,可以帮助我们更好地定制和使用旋钮组件。