[]
        
(Showing Draft Content)

게이지 눈금

사용자가 게이지를 쉽게 읽을 수 있도록 페이스(face)에 눈금이 표시됩니다. 가시성과 위치는 showTicks, tickSpacing 그리고 step 속성에 의해 컨트롤 됩니다.

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

// create the gauge with tickmarks
var myGauge = new gauge.RadialGauge('#myGauge', {
    showTicks: true,
    tickSpacing: 10,
    step: 5,
    value: 50,
});

Gauge Tickmarks

눈금 스타일링

눈금 색상을 설정하는 것 외에도, CSS로 눈금의 너비(또는 두께)를 컨트롤 할 수 있습니다.

.wj-gauge .wj-ticks {
  stroke: white;
  stroke-width: 2px;
}