amCharts 5是否支持旋转坐标轴刻度标签功能？

amCharts 5 支持旋转坐标轴刻度标签，你可以通过配置轴渲染器的标签模板属性实现对应效果，具体操作如下：

1. 固定角度旋转 #

直接给标签模板设置固定的旋转角度即可，示例代码如下：

// 初始化X轴
let xAxis = chart.xAxes.push(am5xy.CategoryAxis.new(root, {
  categoryField: "category",
  renderer: am5xy.AxisRendererX.new(root, {
    minGridDistance: 30
  })
}));

// 配置标签旋转45度
xAxis.get("renderer").labels.template.setAll({
  rotation: -45,
  centerY: am5.p50,
  centerX: am5.p100,
  paddingTop: 15
});

如果是Y轴刻度标签旋转，同理修改Y轴渲染器的标签模板属性即可。

2. 自适应自动旋转 #

如果需要实现和v4版本一致的、当标签重叠时自动旋转的效果，可以通过适配器动态判断设置旋转角度，示例代码如下：

// 配置标签旋转适配器
xAxis.get("renderer").labels.template.adapters.add("rotation", function(rotation, target) {
  // 当标签宽度超过栅格最小间距时自动旋转45度
  if (target.width() > xAxis.get("renderer").get("minGridDistance")) {
    return -45;
  }
  return rotation;
});

// 可选：配合标签超出隐藏逻辑，避免极端情况下的重叠
xAxis.get("renderer").labels.template.set("oversizedBehavior", "hide");

内容的提问来源于stack exchange，提问作者lukebm