如何修改AmChart 4饼图中百分比文本的颜色

要将饼块上的百分比标注文本改为白色，只需定位到饼图系列的标签模板，直接设置其填充颜色即可，以下是具体实现代码：

基础修改方式 #

// 初始化饼图容器与实例
let pieChart = am4core.create("chartdiv", am4charts.PieChart);

// 配置数据与系列
let pieSeries = pieChart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "value";
pieSeries.dataFields.category = "category";

// 设置百分比标签显示格式
pieSeries.labels.template.text = "{value.percent.formatNumber('#.0')}%";

// 核心：将标签文本颜色改为白色
pieSeries.labels.template.fill = am4core.color("#ffffff");

可选：适配深色主题的额外优化 #

如果需要更贴合深色主题的显示效果，还可以调整标签背景提升可读性：

// 给标签添加半透明深色背景
pieSeries.labels.template.background.fill = am4core.color("#222222");
pieSeries.labels.template.background.fillOpacity = 0.6;
pieSeries.labels.template.background.cornerRadius = 3;

全局主题配置（推荐） #

如果项目中多个图表都需要适配深色主题，可以通过自定义主题统一设置：

// 创建自定义深色主题
const customDarkTheme = am4core.createTheme({
  "defaults": {
    "Label": {
      "fill": am4core.color("#ffffff")
    }
  }
});

// 应用主题到饼图
pieChart.theme = customDarkTheme;

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