입력으로 게이지 사용

Wijmo 게이지는 값 편집기로 사용할 수 있습니다. 편집 기능은 다음 속성에 의해 컨트롤 됩니다:

• isReadOnly: 사용자가 게이지 값을 변경할 수 있는지의 여부.
• step: 게이지 값을 변경하여 사용하는 단계.
• isAnimated: 애니메이션을 사용하여 값 변경을 표시할지의 여부.

게이지의 isReadOnly 속성을 false로 설정하면, 사용자가 게이지를 클릭하여 값을 편집할 수 있습니다.

예시:

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

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

Value Changed 이벤트

valueChanged 이벤트를 사용하여 값의 변경을 확인합니다.

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

var myLinearGauge = new gauge.LinearGauge('#myLinearGauge', {
    min: 0,
    max: 100,
    value: 75,
    isReadOnly: false,
    // update when value changed
    valueChanged: function(s, e) {
      valueCtl.value = s.value;
    }
});