Highcharts气泡图导出报错：Cannot read properties of undefined (reading 'open')求助

错误原因分析 #

该报错通常源于图表实例获取异常、导出模块加载顺序错误，或是气泡图配置中的特殊项导致导出解析失败。

具体解决步骤 #

• 确认图表实例获取有效性
  原代码中$('#chart-container').highcharts()可能返回数组或无效对象，先通过console.log(charts)验证是否为有效Highcharts实例。若容器内仅单个图表，可尝试修改为：

  const chart = $('#chart-container').highcharts()[0];
  chart.exportChart();
  

• 检查导出模块加载顺序
  确保exporting.js在Highcharts核心库之后加载，正确顺序示例：

  <script src="https://code.highcharts.com/highcharts.js"></script>
  <script src="https://code.highcharts.com/js/modules/exporting.js"></script>
  

• 排查自定义配置干扰
  临时简化气泡图配置（移除自定义tooltip回调、特殊plotOptions设置等），测试是否能正常导出，逐步定位引发错误的配置项。

• 使用带参数的导出调用
  避免无参调用exportChart()，明确指定导出参数，示例：

  chart.exportChart({
      type: 'image/png'
  });
  

• 升级Highcharts版本
  v9.1.0存在导出模块已知bug，建议升级至v10及以上稳定版本，多数旧版本导出问题已在新版本中修复。

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