recharts - 刻度轴脱离 svg 条形图

Question

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

你知道解决这个问题吗？

标签： recharts

Answer 1

在您的示例中，您的刻度标签具有将它们置于 svg 区域之外的角度。要像在一条线上一样返回刻度标签，您需要将angleprop 更新为0，如下所示：

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

从 XAxis 中移除angleprop 也可以，因为它的默认值为0.