时间戳

首页 > 解决方案 > highcharts-vue 中自定义导出按钮中的 onclick 处理程序因“无法读取未定义的属性“调用”而失败

vue.js - highcharts-vue 中自定义导出按钮中的 onclick 处理程序因“无法读取未定义的属性“调用”而失败

问题描述

我想通过使用https://api.highcharts.com/highcharts/exporting.buttons中描述的配置选项将自定义导出按钮onclick放入 HighStock 图表中。 我可以让按钮出现，但遗憾的是，任何点击它都会导致错误：highcharts-vue

TypeError
无法读取未定义的属性“调用”

可以在https://codesandbox.io/s/highcharts-vue-exporting-error-znvwy找到重现此错误的代码。
我正在使用 Vue 2.6.11、highcharts-vue 1.3.5 和 HighCharts 8.1.0（8.2.2 显示相同的错误）。

我究竟做错了什么？

标签： vue.jshighcharts

解决方案

问题是该onclick函数是在您的customButton对象之外定义的，因此 Highcharts 无法找到事件函数来调用您的处理程序。只需要将功能移入customButton，然后它应该可以正常工作。

现场演示：https ://jsfiddle.net/981nbkur/ API 参考：https ://api.highcharts.com/highcharts/exporting.buttons.contextButton.onclick

亲切的问候！

推荐阅读