API
CategoryAxisTickOptions

CategoryAxisTickOptions extends AxisTickOptions

카테고리축 tick 설정 모델.

Options

gap: number (opens in a new tab)

tick 라인과 다른 요소(label이나 title) 사이의 간격.
visiblefalse이어도 이 설정만큼 공간을 차지한다.

default :3픽셀

length: number (opens in a new tab)

axis tick line length.
지정하지 않거나 잘못 지정하면 7 픽셀로 적용된다.
또, visiblefalse이어도 이 설정만큼 공간을 차지한다.

default :undefined

location: 'default' | 'inside'

tick line 표시 위치 (inside/default).
'inside'이면 축선 안쪽(플롯 방향), 'default'이면 바깥쪽으로 tick이 그려진다.
label.location과 독립적으로 동작한다. label이 'inside'여도 tick.location이 'inside'가 아니면 tick은 바깥쪽에 표시된다.
category 축은 position이 point/edge용이므로 inside/default는 이 속성으로 지정한다.

  • 'default' 축선 바깥쪽(기본)으로 tick이 그려진다.
  • 'inside' 축선 안쪽(플롯 방향)으로 tick이 그려진다.

default :'default'

position: 'default' | 'edge' | 'point'

tick 표시 위치 (point/edge/default).
category 축 전용이며, tick.location(inside/default)과 별도로 동작한다.
미지정('default') 시 x축은 'point', y축은 'edge'로 적용된다.

  • 'default' 미지정 시 x축은 'point', y축은 'edge'로 적용된다.
  • 'edge' 축 양끝과 카테고리들 사이에 표시한다.
  • 'point' 카테고리 중심에 표시한다.

default :undefined

showFirst: boolean (opens in a new tab)

true면 다른 설정과 상관없이 첫번째 tick은 항상 표시된다.
category 축의 tick step 등으로 생략되더라도 첫 tick을 유지한다.
linear, log, time 축에서는 true로 명시했을 때만 범위(trim) 계산 시 첫 tick을 제거하지 않는다.

default :category축 true. linear, log, time 축은 undefined.

showLast: boolean (opens in a new tab)

마지막 tick 라벨 표시 여부.
true이면 category 축의 tick step 등으로 생략되더라도 마지막 tick을 추가한다.
false이면 step에 포함되어 있어도 마지막 tick을 표시하지 않는다.
미지정(undefined)이면 step 등 기존 규칙만 따른다. cartesian, polar 차트 모두 동일하게 적용된다.
linear, log, time 축에서는 true로 명시했을 때만 범위(trim) 계산 시 마지막 tick을 제거하지 않는다.

default :undefined

step: number (opens in a new tab)

default :1

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

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

default :undefined

visible: boolean (opens in a new tab)

default :false