reactjs - 重新绘制 Y 轴间隔问题

Question

我正在使用 Recharts Library对于 ReactJS 中的图表。设置 Y 轴的间隔存在一个奇怪的问题。 “preserveStart”可用的选项很少| “保留结束” | "preserveStartEnd"|数字。对我来说，这是行不通的。

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

期待

实际

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

Answer 1

为了在 Y 轴上查看给定的刻度数，您需要使用 Prop tickCount - 要显示的刻度数(默认为 5)。

所以你的 Y 轴应该是这样的:

<YAxis tickCount={10} />

interval 属性允许您仅显示部分刻度； '0' 会显示全部，'1' 会显示一半(每 2 个刻度 1 个)，等等。