javascript - Angular Highcharts - 单击后图表引用消失

标签 javascript angular highcharts

<分区>

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

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

当我转到导出按钮 -> 选择导出 pdf 或 png 时它起作用了; 再次重复此操作 -> 它不会工作,因为我的图表对象是空的!

如何在第二次点击时保留我的引用?

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

这些都不起作用。

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

结果应该是无论我导出多少次图表,图表引用都保留在那里并且图表被导出。

感谢任何建议!

最佳答案

当您导出图表时,您的 observable 会得到错误的图表对象。您需要检查内部属性 chart.options.chart.forExport,它在渲染导出图表时设置为 true

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

Forked Stackblitz

关于javascript - Angular Highcharts - 单击后图表引用消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57540808/

相关文章:

javascript - 如果我有一段在多个 html 文件中通用的 HTML,我可以将它放在自己的 .html 文件中吗?

javascript - 通过点击超时来终止所有正在运行的 JavaScript 函数

javascript - 如何使用 python shell 将长度超过 4000 的参数从 Javascript 传递到 Python

javascript - 从 Promise.then/promise.catch 中获取原始函数名称

angular - Highcharts/Highmaps with Angular - 无法运行演示

routes - 为什么路由不起作用?

Angular 4 将数据/参数传递给模态(使用 ngfor)

javascript - 如何在另一个组件中使用一个组件的输入 - Angular4

javascript - jQuery - Div 不适合页面内容

javascript - Highcharts 热图中每个单元格的边框颜色