Recharts Y轴间隔问题

Sun*_*dia 5 intervals reactjs yaxis recharts

我正在使用Recharts Library作为 ReactJS 中的图表。设置 Y 轴间隔时存在一个奇怪的问题。有几个可用的选项“preserveStart” | “保留结束”| “保留开始结束”| 数字。对我来说,这是行不通的。

我附上了几个屏幕来展示我的期望和我得到的东西。

期待 期待

实际的 实际的

注意:由于项目的保密性,我不允许将代码放在这里。如果需要更多信息,请告诉我。

Orl*_*yyn 12

为了查看 Y 轴上给定的刻度数,您需要使用 props tickCount- 要显示的刻度数(默认情况下为 5)。

所以你的 Y 轴应该看起来像这样:

<YAxis tickCount={10} />
Run Code Online (Sandbox Code Playgroud)

道具interval允许您仅显示部分刻度;“0”将显示全部,“1”将显示一半(每 2 个刻度 1 个),依此类推。