Highcharts动态更新series时导出按钮不显示，初始化传数据时正常展示

• 导出插件和Highcharts核心的作用域不匹配：exporting插件的实现逻辑默认从全局作用域读取window.Highcharts作为绑定目标，完成导出按钮、导出功能的代码注入。但你当前项目通过Webpack的模块隔离能力加载Highcharts核心代码，没有将Highcharts暴露到全局作用域，导致exporting插件加载时拿不到有效的Highcharts引用，根本不会执行功能注入逻辑。
• 你观察到的「把图表初始化逻辑直接放在jQuery.getJSON回调里就正常」属于偶发时序巧合：当回调函数执行时，可能刚好因为模块加载的副作用，Highcharts被临时挂载到全局作用域，被exporting插件捕获到完成绑定，所以导出按钮可以正常渲染。而你当前的代码是在模块加载完成后立刻创建空的Highcharts实例，此时exporting还没拿到有效引用，生成的图表实例没有绑定导出能力，后续哪怕更新数据、添加series，已经初始化完成的实例也不会自动补装导出功能。
• 你的Webpack配置仅通过expose-loader将jQuery暴露到全局，没有对Highcharts做同等处理，进一步放大了这个作用域不匹配的问题。

• 调整模块加载逻辑，显式完成exporting插件和当前使用的Highcharts实例的绑定，替换原来的AMD加载代码：

require(['../js/analytics', '../vendor/highcharts/highcharts.src.js'], function(analytics, Highcharts) {
  // 将当前作用域的Highcharts临时暴露到全局，满足exporting插件的查找逻辑
  window.Highcharts = Highcharts;
  require(['../vendor/highcharts/exporting'], function() {
    // 等exporting插件完成功能绑定后，再执行业务逻辑创建图表
    main(analytics, Highcharts)
  })
})

• 不要在exporting插件完成绑定前创建任何Highcharts实例，避免出现“实例已生成、但未注入导出能力”的问题。
• 可选优化：在图表初始化的配置对象中显式开启导出功能，避免自动配置失效：

exporting: {
  enabled: true
}

• 不要依赖ajax回调的执行时序判断功能是否正常，只要exporting插件没有正确绑定到当前使用的Highcharts实例，后续所有图表数据更新操作都不会触发导出按钮渲染。
• 代码加载完成后，可在浏览器控制台输入window.Highcharts检查，如果输出的对象包含exporting相关的配置逻辑，就说明插件绑定成功。

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