Highcharts饼图导出CSV时排除禁用图例/系列数据的问题

问题根源 #

你遇到的series[1]未定义问题，核心原因是饼图与柱状/折线图的结构差异：

• 柱状/折线图是多系列（multi-series）结构，每个图例对应一个独立的series
• 饼图默认是单系列（single-series）结构，所有图例项对应该系列下的单个point，而非独立series，所以chart.series[1]自然不存在

正确实现方案 #

要实现导出CSV时排除已禁用的饼图数据点，需要分两步处理：

1. 修正图例点击事件，切换数据点可见性

替换你原有的图例点击事件逻辑，直接切换当前点击的point的可见性：

plotOptions: {
  pie: {
    point: {
      events: {
        legendItemClick: function() {
          // 切换当前数据点的可见状态
          this.setVisible(!this.visible, false);
          // 手动触发图表重绘
          this.series.chart.redraw();
          return false; // 阻止默认行为，避免重复切换
        }
      }
    }
  }
}

2. 自定义CSV导出逻辑，过滤不可见数据点

Highcharts默认的CSV导出不会自动过滤饼图中不可见的point，需要自定义导出格式化函数：

// 全局配置导出规则，或在单个图表的exporting选项中配置
Highcharts.setOptions({
  exporting: {
    csv: {
      formatter: function(series) {
        // 仅保留可见的数据点
        const visiblePoints = series.points.filter(point => point.visible);
        
        // 构建CSV头部（默认包含系列名称）
        let csvContent = `${this.getCSVHeader(series)}\n`;
        
        // 遍历可见点，拼接数据行
        visiblePoints.forEach(point => {
          csvContent += `${point.name},${point.y}\n`;
        });
        
        return csvContent;
      }
    }
  }
});

为什么其他图表无需额外处理？ #

柱状图、折线图等多系列图表的图例项对应整个series，当禁用图例时，series.visible会被设为false，Highcharts默认的CSV导出逻辑会自动跳过不可见的series，因此无需额外配置。

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