React-vis y 轴刻度

如何解决React-vis y 轴刻度

我在 react-vis 组件中有一个条形图。我允许 react-vis 计算 y 轴，但它似乎永远不会到达整个 y 值范围的末尾。

例如...

这是我默认得到的..,

我想要实现的是这样的......

我可以通过更改 node_modules/d3-array/src/ticks.js 中的一行来得到我想要的。

如果我改变这一行...

while (++i < n) ticks[i] = (start + i) * step;

到

while (++i <= n) ticks[i] = (start + i) * step;

然后，生成 1 个额外的刻度值并使用 CSS 使其可见，这满足了我的要求。我不想在这里编辑源代码。

有没有人知道达到相同结果的另一种方法？

解决方法

对于父 XYPlot 组件，您可以使用 yDomain 控制显示内容的范围。

对于您的示例，请尝试以下操作： yDomain={[0,maxValue * 1.25]}