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

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

이 따위로 만들어놓았지만

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

이렇게.

이렇게 만들어보자.

매우 쉽다.

시작 👊

1. 일단 차트를 하나 더 개 만든다.

   <BarChart> ... </BarChart>
   <BarChart> ... </BarChart>

2. 이제 두 차트에 syncId 속성을 추가해준다.
   Docs 가 얘기해주는 것 처럼
   
   두 차트의 syncId 에는 같은 값이 들어가야 한다.

   <BarChart syncId="syncedData"> ... </BarChart>
   <BarChart syncId="syncedData"> ... </BarChart>

끝🙋‍♂️

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

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