API
GaugeRangeBandOptions

GaugeRangeBandOptions extends ChartItemOptions

게이지 밴드 모델.

Options

gap: number (opens in a new tab)

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

default :5

itemGap: number (opens in a new tab)

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

default :0

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

표시 위치.

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

default :'defalut'

rangeLabel: boolean (opens in a new tab) | GaugeRangeLabelOptions

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

default :undefined

ranges: Array (opens in a new tab)<ValueRange>

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

default :undefined

style: SVGStyles | string (opens in a new tab)

스타일셋 혹은 class selector.

default :undefined

thickness: string (opens in a new tab) | number (opens in a new tab)

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

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

default :7

tickLabel: ChartItemOptions

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

default :undefined

visible: boolean (opens in a new tab)

default :false