ゲージ：値の入力

Wijmoゲージを値エディタとして使用できます。編集機能は、以下のプロパティによって制御されます。

• isReadOnly：ユーザーがゲージ値を変更できるかどうか。
• step：ゲージ値を変更する際の増減値。
• isAnimated：アニメーションを使用して値の変化を表示するかどうか。

ゲージのisReadOnlyプロパティをfalseに設定すると、ユーザーはゲージをクリックして値を編集できます。

例：

import * as gauge from '@mescius/wijmo.gauge';

var myLinearGauge = new gauge.LinearGauge('#myLinearGauge', {
    value: 75,
    step: 5,
    isAnimated: true,
    isReadOnly: false
});

値変更イベント

valueChangedイベントを使用して、値の変化を監視します。

import * as gauge from '@mescius/wijmo.gauge';

var myLinearGauge = new gauge.LinearGauge('#myLinearGauge', {
    min: 0,
    max: 100,
    value: 75,
    isReadOnly: false,
    // 値が変更されたら更新します
    valueChanged: function(s, e) {
        valueCtl.value = s.value;
    }
});