问题描述
我在 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]}