Angular Highcharts - 点击后图表参考消失了[关闭]答案

【问题标题】：Angular Highcharts - chart reference is gone after click [closed]Angular Highcharts - 点击后图表参考消失了[关闭]
【发布时间】：2019-08-18 00:21:20
【问题描述】：

在代码中你可以在这里看到：

https://stackblitz.com/edit/highcharts-angular-example

当我转到导出按钮时 -> 选择导出 pdf 或 png 它可以工作；再重复一遍 -> 因为我的图表对象是空的，所以它不起作用！

如何在第二次点击时保留我的参考资料？

我尝试使用 jQuery 保留它，在下载之前调用 initChart 方法并使用成对运算符来比较图表值。

这些都不行。

您可以在 Stackblitz 示例中看到的所有 ode

结果应该是，无论我导出多少次图表，图表参考都停留在那里并且图表被导出。

感谢您的任何建议！

【问题讨论】：

标签： javascript angular highcharts

【解决方案1】：

当你导出图表时，你的 observable 得到了错误的图表对象。导出图表时需要检查内部属性chart.options.chart.forExport设置为true。

private callback(chart: Highcharts.ChartObject) {
  if (chart.options.chart['forExport']) {
    return;
  }

Forked Stackblitz

【讨论】：

天哪，我昨天浪费了这么多小时，错过了这一点！非常感谢 - 它就像一个魅力！周末愉快结束:)
@Yuniku_123 不客气！如果有帮助，请考虑接受答案
我做到了，再次感谢！ :)