wjRadialGauge Class

File
wijmo.knockout.js
Module
wijmo.knockout
Show
   

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.