v5.20192.624
|

wjRadialGauge Class

KnockoutJS binding for the RadialGauge control.

Use the wjRadialGauge binding to add RadialGauge controls to your KnockoutJS applications. For example:

<p>Here is a RadialGauge control:</p>
<div data-bind="wjRadialGauge: {
        value: props.value,
        min: props.min,
        max: props.max,
        format: props.format,
        showRanges: props.showRanges }"
        class="radial-gauge">
    <div data-bind="wjRange: {
            wjProperty: 'pointer',
            thickness: props.ranges.pointerThickness }">
    </div>
    <div data-bind="wjRange: {
            min: props.ranges.lower.min,
            max: props.ranges.lower.max,
            color: props.ranges.lower.color }">
    </div>
    <div data-bind="wjRange: {
            min: props.ranges.middle.min,
            max: props.ranges.middle.max,
            color: props.ranges.middle.color }">
    </div>
    <div data-bind="wjRange: {
            min: props.ranges.upper.min,
            max: props.ranges.upper.max,
            color: props.ranges.upper.color }">
    </div>
</div>

The wjRadialGauge binding may contain the wjRange child binding.

The wjRadialGauge binding supports all read-write properties and events of the RadialGauge control. The value property provides two-way binding mode.

Hierarchy

  • WjGaugeBinding
    • wjRadialGauge