在直方图的条形之间显示X轴刻度

时间:2019-06-12 13:47:46

标签: reactjs recharts

我有一个表示直方图的Rechart条形图,当前X轴刻度位于条形的中间。

enter image description here

我希望它们位于条之间,而不是条中间。

enter image description here

我有到目前为止的代码示例,但是我无法弄清楚如何移动X轴刻度。

https://codesandbox.io/embed/agitated-water-iv0sj

1 个答案:

答案 0 :(得分:2)

尝试将轴刻度设置为“带”:<XAxis scale="band" />。我为您的密码箱打了分叉:https://codesandbox.io/s/new-field-u5oze