band

게이지 밴드 모델.

Options

gap: number

position'inside'가 아닐 때, 이 밴드와 게이지 본체 사이의 간격

default :5

itemGap: number

0보다 큰 값으로 지정하면, 크기 만큼 영역 아이템 사이에 간격을 둔다.

default :0

position: 'default'|'inside'|'opposite'

표시 위치.

  • 'default' 게이지 본체와 scale 사이에 표시된다.
  • 'inside' 게이지 본체 내부에 본체와 같은 두께로 표시된다.
  • 'opposite' 원 표시 위치의 반대 쪽 게이지 옆에 표시된다.

default :'defalut'

rangeLabel

position'inside'일 때만 표시될 수 있다.

ranges: ValueRange[]

값 범위 목록. 범위별로 다른 스타일을 적용할 수 있다.

style: SVGStyles|string

스타일셋 또는 css selector (opens in a new tab).

thickness: string|number

밴드의 두께를 픽셀 단위나, 게이지 rim의 두께에 대한 상대적 크기로 지정할 수 있다.

값을 지정하지 않으면 게이지 본체 내부에 표시될 때 '100%'(본체 두께와 동일)로 표시되고, 외부에 있을 때는 7 픽셀로 두께로 표시된다.

default :7

tickLabel

각 range의 양 끝에 해당하는 값을 표시한다.

visible: boolean

default :false