입력으로 게이지 사용
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 이벤트
valueChanged 이벤트를 사용하여 값의 변경을 확인합니다.
import * as gauge from '@mescius/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;
}
});