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 を割り当てることができます。

リーリー