본문으로 건너뛰기

캔들 차트

기간마다 시가 · 고가 · 저가 · 종가(OHLC)를 몸통과 꼬리로 보여 주는 표현 전용 차트입니다. 시세, 원자재 단가, 환율처럼 기간 안의 출렁임까지 봐야 할 때 씁니다. 몸통은 시가~종가, 꼬리는 저가~고가입니다. 색은 convention 으로 고릅니다. kr(기본)은 국내 시세 표기대로 상승 빨강 · 하락 파랑, global 은 상승 초록 · 하락 빨강입니다. 축은 0 을 강제하지 않습니다.

상태

kr (상승 빨강 · 하락 파랑)
global (상승 초록 · 하락 빨강)

활용 방법

원자재 단가 20영업일

칸에 마우스를 올리거나 탭 · 키보드로 초점을 주면 시가 · 고가 · 저가 · 종가와 전 기간 대비가 나온다.

Preview
tsx
<CandlestickChart
items={[
{ label: "9/14", open: 11910, high: 12060, low: 11790, close: 11860 },
// ...
]}
/>

속성

이름타입기본값설명
itemsCandle[]-{ label, open, high, low, close }
convention"kr" | "global""kr"색 관례: kr 상승 빨강 · 하락 파랑, global 상승 초록 · 하락 빨강
upTone · downToneChartTone-관례 대신 직접 정하는 상승 · 하락 색
heightnumber200플롯 높이(px)
formatValue(v: number) => stringko-KR 콤마가격 포맷