표시

ReferenceLine

값(dataY)에 가로선, 위치(dataX)에 세로선을 그어요.
평단가, 목표가, 손절가, 0% 기준선에 써요.

사용법

tsx
<CartesianChart series={[{ id: 'p', data }]}>
  <Line seriesId="p" />
  <ReferenceLine dataY={69_500} label="평단가 69,500" labelPosition="left" color="#6C4DFF" />
  <ReferenceLine dataY={71_000} label="목표가" color="#F04452" />
</CartesianChart>

속성

속성타입기본값설명
dataYnumber—이 값에 가로선.
dataXnumber—이 인덱스에 세로선.
labelstring—선 위 글자.
labelPosition'left' | 'right' | 'center' | 'top' | 'bottom''right'글자 위치.
colorstring—선과 글자 색.
dashstring'4 4'점선 패턴.
''이면 실선.