@finchart

Appearance

Documentation / @finchart/react / ChartData

Function: ChartData() ​

ChartData<T>(__namedParameters): Element

Defined in: components/chart-data.tsx:33

자기 안의 시리즈들에게 다른 데이터를 준다.

<ChartContainer data>는 무대 전체의 기본값이다. BTC와 ETH를 같이 그리려면 갈 곳이 필요한데, 데이터의 주인이 등록이므로 코어는 이미 할 수 있는 일이고 여기서 선언형에도 길을 낸다.

tsx
<ChartContainer deps={deps} data={btc}>
  <ChartCandles />              // 컨테이너의 data
  <ChartData value={eth}>
    <ChartLine color="#888" />  // 이 데이터
  </ChartData>
</ChartContainer>

시리즈 하나만 다르면 <ChartLine data={eth} />가 더 짧다. 여럿이 같은 것을 볼 때 이 컴포넌트를 쓴다 — 지표 셋이 한 원본 위에서 도는 경우가 그렇다.

리핏하지 않는다. 선언형 데이터의 규칙 그대로다 — 나중에 얹은 ETH 때문에 BTC를 보던 창이 합집합으로 튀면 안 된다.

Type Parameters ​

T ​

T extends BaseDataPoint

Parameters ​

__namedParameters ​

ChartDataProps<T>

Returns ​

Element