표시
Point
특정 위치에 점과 글자를 찍어요.
체결 내역, 고점·저점, 실시간 가격(pulse)에 써요.
onClick으로 누를 수도 있어요.
사용법
<CartesianChart series={[{ id: 'p', data }]}>
<Line seriesId="p" />
<Point seriesId="p" dataX={12} color="#F04452" label="매수" labelPosition="bottom" />
<Point seriesId="p" dataX={47} color="#3182F6" label="매도" onClick={showTrade} />
<Point seriesId="p" dataX={data.length - 1} pulse />
</CartesianChart>속성
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
dataX | number | — | x 인덱스. |
dataY | number | — | 값. 비우고 seriesId를 주면 그 계열 위에 찍혀요. |
seriesId | string | — | 붙을 계열. |
label | string | — | 점 옆 글자. |
labelPosition | 'top' | 'bottom' | 'left' | 'right' | 'top' | 글자 위치. |
pulse | boolean | false | 실시간 점처럼 퍼지는 애니메이션. |
radius / color / onClick | number / string / () => void | — | 크기, 색, 클릭. |