|
Name |
Type |
allowValueChangeOnClick
|
bool
|
Sets or gets whether the jqxKnob's value can be changed on click.
|
allowValueChangeOnDrag
|
bool
|
Sets or gets whether the jqxKnob's value can be changed by dragging the pointer.
|
allowValueChangeOnMouseWheel
|
bool
|
Sets or gets whether the jqxKnob's value can be changed on mouse wheel.
|
changing
|
object
|
Sets or gets a function called when the user drags the pointer. The function is called before the pointer is moved and the passed arguments are 2 - oldValue and newValue. If the function returns false, the value will not be changed.
|
dragEndAngle
|
double
|
Sets or gets the Knob's angle where dragging the pointer will end.
|
dragStartAngle
|
double
|
Sets or gets the Knob's degrees where dragging the pointer can start.
|
disabled
|
bool
|
Sets or gets whether the Knob is disabled.
|
dial
|
object
|
Sets or gets the Knob's dial.
- innerRadius - specifies the inner Radius of the dial.
- outerRadius - specifies the outer Radius of the dial.
- style - specifies the style of the dial. style.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke - border color(hex string), style.strokeWidth - border width.
- startAngle - dial's start angle(optional).
- endAngle - dial's end angle(optional).
|
endAngle
|
double
|
Sets or gets the Knob's degrees offset for the 360 location.
|
height
|
object
|
Sets or gets the Knob's height.
|
labels
|
object
|
Sets or gets the Knob's labels.
|
marks
|
object
|
Sets or gets the Knob's marks.
- colorProgress - hex color string.
- colorRemaining - hex color string.
- drawAboveProgressBar - draws the marks with z-index higher than the progress bar.
- minorInterval - minor ticks interval.
- majorInterval - major ticks interval.
- majorSize - major tick's size. Specifies radius in case of circular lines, or length in case of lines.
- offset - specifies the labels offset.
- size - specifies radius in case of circular lines, or length in case of lines.
- type - "circle" or "line".
- thickness - specifies thickness in case of lines.
- visible - determines the labels visibility.
|
min
|
double
|
Sets or gets the Knob's min property.
|
max
|
double
|
Sets or gets the Knob's max property.
|
progressBar
|
object
|
Sets or gets the Knob's progressBar property.
- offset - specifies the progress bar's offset.
- style - specifies the style of the progressBar. style.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke - border color(hex string), style.strokeWidth - border width, style.opacity - opacity values from 0 to 1
- background - specifies the background style of the progressBar. background.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke - border color(hex string), background.strokeWidth - border width, background.opacity - opacity values from 0 to 1
- size - specifies the progress bar's size.
- ranges - array which specify the progress bar's ranges. object.startValue - range start value. range.endValue - range end value. style.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), object.stroke - border color(hex string), object.strokeWidth - border width, object.opacity - opacity values from 0 to 1
|
pointer
|
object
|
Sets or gets the Knob's pointer property.
- type - specifies the pointer's type - "circle", "line", "arrow".
- style - specifies the style of the pointer. style.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke - border color(hex string), style.strokeWidth - border width.
- size - specifies the pointer's size.
- thickness - specifies the pointer's thickness.
- visible - specifies whether the pointer is visible.
|
pointerGrabAction
|
object
|
Sets or gets the Knob's pointerGrabAction property("normal", "progressBar", "pointer").
|
rotation
|
object
|
Sets or gets the Knob's rotation("clockwise" or "counterclockwise").
|
startAngle
|
double
|
Sets or gets the Knob's degrees offset for the 0 location.
|
spinner
|
object
|
Sets or gets Knob's spinner.
- innerRadius - specifies the inner Radius of the spinner.
- outerRadius - specifies the outer Radius of the spinner.
- style - specifies the style of the spinner. style.fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke - border color(hex string), style.strokeWidth - border width.
- marks -
- rotate - sets whether spinner marks rotate with pointer.
- colorProgress - hex color string.
- colorRemaining - hex color string.
- drawAboveProgressBar - draws the marks with z-index higher than the progress bar.
- minorInterval - minor ticks interval.
- majorInterval - major ticks interval.
- majorSize - major tick's size. Specifies radius in case of circular lines, or length in case of lines.
- offset - specifies the labels offset.
- size - specifies radius in case of circular lines, or length in case of lines.
- type - "circle" or "line".
- thickness - specifies thickness in case of lines.
- visible - determines the labels visibility.
|
styles
|
object
|
Sets or gets the Knob's background style.
- fill - fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]])
- stroke - border color(hex string).
- strokeWidth - border width.
|
step
|
object
|
Sets or gets the Knob's step property. Specifies the increase/decrease step.
|
snapToStep
|
bool
|
Sets or gets the Knob's snapToStep property. Specifies whether setting the knob value will snap to the closest step true/false.
|
value
|
object
|
Sets or gets the Knob's value.
|
width
|
object
|
Sets or gets the Knob's width.
|
|
onChange
|
Event
|
This event is triggered when the value is changed.
|
|
Name |
Arguments |
Return Type |
destroy
|
()
|
void
|
|
val
|
[SET] (object value) [GET] ()
|
[SET] void [GET] double
|
|