如何在amCharts V4导出功能中导出自动计算的百分比值

amCharts V4 默认导出功能只会读取原始数据源的字段，你通过 calculatePercent 自动计算的百分比属于动态生成的属性，不会被默认纳入导出内容，按以下步骤配置即可添加：

• 首先在导出字段配置中新增百分比对应的字段，自定义导出后的列标题：

chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.dataFields = {
      hoursCount: 'Name of bins',
      clientsCount: 'Number of clients',
      clientsCountPercent: 'Client Percentage' // 新增百分比导出字段，后面的值为导出后显示的列名
};

• 为导出功能添加 processData 适配器，遍历导出数据时，将系列自动计算的百分比赋值给新增的字段：

chart.exporting.adapter.add('processData', (data) => {
  data.forEach((row, index) => {
    // 获取对应索引的系列数据项，读取已计算好的百分比
    const seriesDataItem = series.dataItems.getIndex(index);
    if (seriesDataItem) {
      // 示例保留2位小数，可按需调整小数位数和展示格式
      row.clientsCountPercent = `${seriesDataItem.values.valueY.percent.toFixed(2)}%`;
    }
  });
  return data;
});

如果你的图表包含多个系列，依次遍历每个系列的 dataItems 为对应行添加字段即可。

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