刻度轴退出 svg 条形图

tick axis getting out of svg barchart

我正在尝试使用 Recharts 制作条形图,但两个轴上的刻度都超出了 svg:

你知道如何解决这个问题吗?

在您的示例中,您的刻度标签有一个角度,使它们超出 svg 区域。要像在一条线上一样返回你的刻度标签,你需要将 angle 属性更新为 0,如下所示:

<XAxis dataKey="name" angle={0} />

从 XAxis 中删除 angle 属性也可以,因为它的默认值为 0