Rumah  >  Soal Jawab  >  teks badan

Carta berbilang baris dalam React

Saya pada asasnya cuba membuat carta mudah menggunakan Recharts dalam React.

Masalah yang saya hadapi ialah saya tidak boleh membuat berbilang baris kerana paksi X berbeza untuk kedua-dua set data.

Contohnya: set1:[{x:1.1,y:2.1},{x:1.2,y:2.2}] dan set2:[{x:1.3,y:3.2},{x:1.4,y: 3.4} ] . Saya tidak tahu mengapa setiap kali saya cuba membuat carta berbilang baris dengan Recharts, paksi X sentiasa sama, dan saya mempunyai garisan dengan paksi Y yang berbeza, tetapi hanya paksi X.

Saya cuba mencipta label X dan Y yang berbeza tetapi ia tidak membantu.

P粉208469050P粉208469050424 hari yang lalu558

membalas semua(1)saya akan balas

  • P粉994092873

    P粉9940928732023-09-15 19:42:13

    Anda boleh menggunakan berbilang komponen XAxis dalam komponen LineChart dan menetapkan xAxisId yang berbeza untuk setiap komponen.

    <LineChart data="{data}">
      <XAxis xAxisId="0" dataKey="x1" />
      <XAxis xAxisId="1" dataKey="x2" />
      <YAxis />
      <Line dataKey="y1" xAxisId="0" />
      <Line dataKey="y2" xAxisId="1" />
    </LineChart>
    
    
    // Data
    const data = [
      { x1: 1.1, y1: 2.1, x2: 1.3, y2: 3.2 },
      { x1: 1.2, y1: 2.2, x2: 1.4, y2: 3.4 },
    ];

    balas
    0
  • Batalbalas