[]
게이지는 단일 값을 표시하는 데 사용됩니다. 대시보드에서 자주 사용되며, 세분화와 색상 코딩을 사용하여 값을 명확하고 읽기 쉬운 방식으로 표시합니다.
Wijmo 게이지가 간소화되었습니다. 특히 작은 화면 장치에서 사용하고 읽기 쉽게 설계되었습니다. 입력 컨트롤로도 사용할 수 있습니다. isReadOnly 속성을 false로 설정하면 사용자는 마우스, 키보드 또는 터치를 사용하여 값을 변경할 수 있습니다. 자세한 내용은 게이지를 입력으로 사용을 참고하시길 바랍니다.
wijmo.gauge 모듈에는 세 가지 컨트롤이 포함되어 있습니다.
:게이지 클래스의 계층은 다음과 같습니다:
root Gauge 클래스는 모든 Gauge 클래스에서 공유하는 기본 요소를 제공합니다:
모든 Wijmo 게이지 클래스에 공통적인 주요 속성은 다음과 같습니다:
예시:
import * as gauge from '@grapecity/wijmo.gauge';
// create gauges
var myRadialGauge = new gauge.RadialGauge('#myRadialGauge', {
min: 0,
max: 100,
value: 75,
showText: 'None',
valueChanged: function(s, e) {
valueCtl.value = s.value;
}
});