축과 인터랙션

XAxis

xAxis.data의 라벨을 겹치지 않게 골라서 보여줘요.
세로 격자와 눈금 표시를 켤 수 있어요.

사용법

tsx

<LineChart
  series={[{ id: 'p', data }]}
  xAxis={{ data: dates }}
  showXAxis={{ showLine: true, showTickMarks: true, showGrid: true }}
/>

속성	타입	기본값	설명
`position`	`'bottom' \| 'top'`	`'bottom'`	축 위치.
`height`	`number`	`24`	축이 차지하는 높이.
`ticks`	`number[]`	—	라벨을 붙일 인덱스를 직접 지정.
`tickLabelFormatter`	`(value, index) => string`	—	라벨 형식.
`minTickSpacing`	`number`	`80`	라벨 사이 최소 간격(px).
`showLine / showTickMarks / showGrid`	`boolean`	`false`	축선, 눈금, 세로 격자.