Highcharts 11.2导出文件无法自定义文件名问题咨询

问题场景 #

使用Highcharts 11.2版本导出图表为PNG、JPEG、PDF、SVG格式时，自定义的下载文件名不生效，文件始终默认显示为“chart”。

问题排查与修复方案 #

结合你提供的代码，可从以下几个方向排查：

1. 修正配置语法错误
   你代码中exporting对象的最后一个属性后存在多余尾逗号，部分JS环境可能因此解析失败，导致配置未生效。去掉该逗号即可：

   exporting: {
       enabled: true,
       filename: 'descaga_prueba' // 移除此行末尾的逗号
   }
   

2. 确认导出模块完整性
   确保你加载的Highcharts包包含导出功能模块。Highcharts 11.2默认已集成导出功能，但如果是自定义精简构建版本，需单独引入导出相关代码。

3. 手动触发导出时指定文件名
   如果上述方法无效，可通过手动调用导出方法的方式指定文件名，示例如下：

   // 初始化图表并保存实例
   const chart = Highcharts.chart('container', {
       // 你的图表配置项...
   });
   
   // 绑定导出按钮事件（需页面中有id为export-btn的按钮）
   document.getElementById('export-btn').addEventListener('click', () => {
       chart.exportChart({
           filename: 'descaga_prueba'
       });
   });
   

4. 排查全局配置覆盖
   检查是否存在全局Highcharts配置（如Highcharts.setOptions()）覆盖了当前图表的exporting.filename设置。

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