React의 다중선 차트

Question

기본적으로 React에서 Recharts를 이용하여 간단한 차트를 만들어보려고 합니다.

제가 겪고 있는 문제는 두 데이터세트의 X축이 다르기 때문에 여러 행을 만들 수 없다는 것입니다.

예: set1:[{x:1.1,y:2.1},{x:1.2,y:2.2}] 및 set2:[{x:1.3,y:3.2},{x:1.4,y: 3.4} ] . Recharts로 다선형 차트를 만들려고 할 때마다 X축은 항상 같고 Y축은 다른 선이 있는데 X축만 있는 이유를 모르겠습니다.

다른 X 및 Y 라벨을 만들어 보았지만 도움이 되지 않았습니다.

Answer 1

LineChart 구성 요소에서 여러 XAxis 구성 요소를 사용하고 각 구성 요소에 서로 다른 xAxisId를 할당할 수 있습니다.

으아악