5.20201.680
wijmo.knockout.gauge Class wjLinearGauge Wijmo API クラス

wjLinearGauge クラス

LinearGauge コントロールのKnockoutJS連結。

wjLinearGauge 連結は、KnockoutJSアプリケーションに LinearGauge コントロールを追加する場合に使用します。 次に例を示します。

<p>LinearGauge コントロール:</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>

wjLinearGauge 連結には、子連結として wjRange を含めることができます。

wjLinearGauge 連結は、 LinearGauge コントロールのすべての読み取り/書き込みプロパティおよびイベントをサポートします。value プロパティは双方向に連結されます。

階層