Recharts 自定义 YAxis

问题描述

我想自定义 Y 轴，但不知道是否可以使用 Recharts 来实现。我收到以下数据：

{ note: "C3",frequency: "1337",time: "13.37" }

我希望看到 note 之类的图表标签，并使用 frequency 沿 Y 轴更改图表。我需要以某种方式获取当前频率范围，例如：从 1000 到 1500，并在正确的位置设置断点。

我可以使用 Recharts 实现这一点，还是使用 canvas 自己实现会更容易？

解决方法

使用 Recharts，您可以将 frequency 属性设置为 YAxis 范围；只需将 dataKey 属性设置为 frequency：

<YAxis dataKey="frequency" />

这意味着您的 YAxis 范围将基于您的数据给出的 frequency 属性。