축과 인터랙션
YAxis
보기 좋은 숫자(1, 2, 2.5, 5 단위)로 눈금을 골라요.
트레이딩 차트처럼 기본 위치는 오른쪽이에요.
사용법
<LineChart
series={[{ id: 'p', data }]}
yAxis={{ nice: true }}
showYAxis={{ width: 56, tickLabelFormatter: (v) => v.toLocaleString() }}
/>속성
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
position | 'left' | 'right' | 'right' | 축 위치. |
width | number | 48 | 라벨 영역 너비. |
ticks | number[] | — | 눈금 값을 직접 지정. |
tickLabelFormatter | (value) => string | — | 라벨 형식. 기본은 10만 이상이면 1.2M처럼 줄여요. |
minTickSpacing | number | 32 | 눈금 사이 최소 간격(px). |
showGrid | boolean | true | 가로 격자. |