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

wjRadialGauge クラス

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

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

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

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

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

階層

  • WjGaugeBinding
    • wjRadialGauge