recharts 中 X 轴标签显示不全

Question

正如您在屏幕截图中看到的那样，在底部中心（x 轴），标签 Quiz/Exam 被裁剪了。我增加了折线图的高度，但它只会增加图形大小。

Answer 1

我遇到了同样的问题并通过在图表中添加 margin 解决了这个问题，例如；

<LineChart
  <LineChart
    margin={{
      top: 0,
      right: 0,
      left: 0,
      bottom: 15
    }}
...
>

X axis label is not displayed fully in recharts