使用Highcharts的条形图的单击事件不起作用？

如何解决使用Highcharts的条形图的单击事件不起作用？

作为我的Highchart POC的一部分，我正在努力实现改变a

点击特定标签在x轴上时x轴的标签颜色
想读取当前的x轴标签和y轴数据

但是单击事件仅不触发，在负载下我实现了标签颜色，但是我想在单击事件上的同一件事上做到这一点

https://stackblitz.com/edit/highcharts-angular-demo-t8pmf4?embed=1&file=src/app/app.component.ts

任何人都可以帮助我或建议我

按照下面提供的解决方案，我达到了50％ https://stackblitz.com/edit/highcharts-angular-demo-z84bav?embed=1&file=src/app/app.component.ts

但是如何更改标签颜色??

预先感谢

解决方法

events应该位于labels对象中，现在您的点击处理程序将触发。

xAxis: {
        categories: ["4-10/10","11-17/10","18-24/10","25-31/10"],labels: {
          formatter: function() {
            if ("18-24/10" === this.value) {
              return '<span style="fill: red;">' + this.value + "</span>";
            } else {
              return this.value;
            }
          },events: {
             click: function() {
            console.log("click");
           }
          }
        },

要添加vector事件并在事件中更改颜色，请使用以下代码：

click

实时示例： http://jsfiddle.net/BlackLabel/1nyk6c5b/

文档： https://www.highcharts.com/plugin-registry/single/15/Custom-Events