React 中的多线图
P粉208469050
P粉208469050 2023-09-14 23:54:56
0
1
494

我基本上是在尝试使用 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 标签,但没有帮助。

P粉208469050
P粉208469050

全部回复 (1)
P粉994092873

您可以在 LineChart 组件中使用多个 XAxis 组件,并为每个组件分配不同的 xAxisId。

       // 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 }, ];
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!