如何修改Amcharts5 XY-Charts的X轴标签颜色？

要修改X轴标签颜色，核心是通过**轴渲染器（AxisRenderer）的标签模板（labels.template）**来配置fill属性，具体有两种配置方式：

1. 创建X轴时直接配置 #

在初始化X轴的代码中，在renderer参数内的labels.template里设置fill：

// 初始化XYChart后创建X轴
let xAxis = chart.xAxes.push(am5xy.CategoryAxis.new(root, {
  categoryField: "category", // 替换为你的分类字段
  renderer: am5xy.AxisRendererX.new(root, {
    labels: {
      template: am5.Label.new(root, {
        fill: am5.color("#ff4500"), // 设置标签颜色（支持十六进制、RGB、颜色名）
        fontSize: 13 // 可选：调整标签字号
      })
    }
  })
}));

2. 对已创建的X轴动态修改 #

如果X轴已经实例化完成，可通过以下代码修改标签颜色：

// 假设xAxis是已存在的X轴实例
xAxis.get("renderer").labels.template.set("fill", am5.color("#2ecc71"));

关键说明 #

• fill是控制文本颜色的核心属性，必须通过am5.color()方法传入颜色值，直接写字符串（如"red"）无法生效。
• 所有轴标签的样式统一由labels.template控制，修改后会应用到所有X轴标签。

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