如何移除Highcharts数据表格中的annotations列？

云原生阿岚

2026-8-3

解决Highcharts导出表格时移除Annotations列的问题

有几种实用方案可以实现需求，直接给你可落地的代码示例：

方法一：明确指定导出列，排除Annotations
在Highcharts配置中，通过exporting.exportData.columns设定需要导出的列，只保留业务数据列，不包含annotations相关列。示例代码：

Highcharts.chart('container', {
  // 你的图表基础配置、数据系列配置...
  exporting: {
    exportData: {
      columns: [
        0, // x轴对应的列索引
        1  // 目标数据系列的列索引，根据你的实际系列数量调整
        // 不添加annotations对应的列索引即可
      ]
    }
  },
  // 你的annotations阈值标记配置...
});

方法二：通过回调函数过滤导出数据
利用exporting.exportData.formatter处理导出的CSV内容，直接过滤掉包含annotations的列。示例：

exporting: {
  exportData: {
    formatter: function (csv) {
      const rows = csv.split('\n');
      const headerCells = rows[0].split(',');
      const dataRows = rows.slice(1);
      
      // 定位annotations列并移除
      const annoColIndex = headerCells.indexOf('annotations');
      if (annoColIndex !== -1) {
        headerCells.splice(annoColIndex, 1);
        dataRows.forEach((row, idx) => {
          const cells = row.split(',');
          cells.splice(annoColIndex, 1);
          dataRows[idx] = cells.join(',');
        });
      }
      
      return [headerCells.join(','), ...dataRows].join('\n');
    }
  }
}

方法三：直接禁用标注的导出属性
如果是单个标注导致的导出列，可在annotation配置里添加exporting: false，让该标注不参与导出流程：
```
annotations: [{
  // 你的阈值标记、文本配置...
  exporting: false // 禁用该标注的导出
}]
```