javascript - 在 ReCharts 中修改 X 轴标签

我有一个 Recharts 折线图，X 轴的数据点太多，看起来非常拥挤。以下是当前的图表：

有没有办法将这段文字旋转到比如说270°，这样所有的标签都能显示出来？

答案＃1

<XAxis
     ...other property
     angle={30}
  />

答案＃2

这里是一个在 codesandbox 的示例 - 链接

  <XAxis
    dataKey="name"
    tick={{ textAnchor: "end" }}
    angle={-45}
  />

tick 对象有助于设置渲染的刻度文字的特定属性，因此我们需要在那里更改 textAnchor，以便单词在刻度线上结束。当然，还需要将 angle 设置为负数，这样标签就会以便于阅读的方式旋转