Graphique multiligne dans React
P粉208469050
P粉208469050 2023-09-14 23:54:56
0
1
479

J'essaie essentiellement de créer un graphique simple en utilisant Recharts dans React.

Le problème que j'ai est que je ne peux pas créer plusieurs lignes car l'axe X est différent pour les deux ensembles de données.

Par exemple : set1:[{x:1.1,y:2.1},{x:1.2,y:2.2}] et set2:[{x:1.3,y:3.2},{x:1.4,y: 3.4} ] . Je ne sais pas pourquoi chaque fois que j'essaie de créer un graphique multiligne avec Recharts, l'axe X est toujours le même et j'ai des lignes avec des axes Y différents, mais uniquement l'axe X.

J'ai essayé de créer différentes étiquettes X et Y, mais cela n'a pas aidé.

P粉208469050
P粉208469050

répondre à tous (1)
P粉994092873

Vous pouvez utiliser plusieurs composants XAxis dans un composant LineChart et attribuer un xAxisId différent à chaque composant.

       // 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 }, ];
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!