[Recharts] 두 차트를 Synchronize 해 진짜 주식 차트처럼 만들기

THOVY·2022년 11월 15일
0

PROJECT

목록 보기
7/20

이 전엔 하나의 차트에 두 개의 그래프를 넣어

이 따위로 만들어놓았지만

Docs 를 보니 두 차트를 Synchronize 해 하나의 차트처럼 살펴볼 수 있었다.

이렇게.

이렇게 만들어보자.

매우 쉽다.

시작 👊

  1. 일단 차트를 하나 더 개 만든다.
<BarChart>
  ...
</BarChart>
<BarChart>
  ...
</BarChart>
  1. 이제 두 차트에 syncId 속성을 추가해준다.
    Docs 가 얘기해주는 것 처럼

    두 차트의 syncId 에는 같은 값이 들어가야 한다.
<BarChart syncId="syncedData">
  ...
</BarChart>
<BarChart syncId="syncedData">
  ...
</BarChart>

끝🙋‍♂️

너무 쉬운 건데 Docs 를 안 읽고 대충대충 만드니 엉망진창이 된 거지.

항상 댕청해지지 않도록 조심하자!
오랜만!

profile
BEAT A SHOTGUN

0개의 댓글