在高级图表中，如何添加标签点击事件

Question

在高级图表中，有一个点击栏的事件。但是酒吧的高度很小，不可能点击它。因此，我希望高级图表中的事件能够进一步处理。

E.g。我希望以下示例中的月份名称为事件。

提前致谢。

Answer 1

如果您不想使用JQuery，可以按照以下方式使用它

set()

http://jsfiddle.net/t07ok5v3/5/

的完整代码

Answer 2

自Highcharts v3以来维护的备用解决方案是使用Custom Events插件。插件添加了很多新事件，本身不受Highcharts支持。

演示：https://jsfiddle.net/BlackLabel/Utx8g/963/

事件的添加方式与Highcharts中的官方事件相同，我们不需要重新检查DOM的每个版本：

xAxis: {
  labels: {
    events: {
      click: function () { ... }
    }
  }
}

Answer 3

我得到错误：在Internet Explorer中从Malay Sarkar运行解决方案时，Object不支持属性或方法'forEach'。这是我使用的解决方法，适用于Chrome和IE。

for (let i = 0; chart.xAxis[0].labelGroup.element.childNodes.length; i++)
{
    chart.xAxis[0].labelGroup.element.childNodes[i].onclick = function(){
      alert('You clicked on '+this.textContent);
    }
});