角度 2 中条形高图表上的单击事件

Question

如何将角度 2 单击事件添加到图表类型为条形的高图表？我正在尝试使用下面的代码：

let chart = new highCharts.Chart('container', Class1.createBarChart());
chart.series.click = this.clickBars();

clickBars() {
  console.log('bar clicked');
}

<chart>由于技术限制，我不想使用指令。另外，我不想在高图表配置对象中调用单击事件。请让我知道适当的解决方案。

编辑：

我根据建议尝试了以下代码：

 chart.options.plotOptions.series.point.events.click = (function(event) { this.clickBars(event) }).bind(this);

但这里 this.clickBars 未定义。尽管我在班级中创建了一个函数。

如果我使用如下代码：

chart.options.plotOptions.series.point.events.click = (event) => this.clickBars(event);

然后它返回“非法返回语句”。

Answer 1

我在添加系列时这样做：

chart.addSeries({
  ...
  events: {
    click: (event: AreaClickEvent) => this.clickBars(event),
  },
});

您还可以在plotOptions 中注册一次单击处理程序。就像是：

chart.options.plotOptions.series.events.click = (event) => this.clickBars(event);

更新

看来你还需要调用更新。这是一个有效的jsfiddle： http://jsfiddle.net/80k0ojyh/