Use the wjLinearGauge binding to add LinearGauge controls to your KnockoutJS applications. For example:

<p>Here is a LinearGauge control:</p>
<div data-bind="wjLinearGauge: {
        value: props.value,
        min: props.min,
        max: props.max,
        format: props.format,
        showRanges: props.showRanges }"
        <class="linear-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 wjLinearGauge binding may contain the wjRange child binding.

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