javascript - highcharts 选项可点击的类别名称

Question

我正在使用HighCharts，用于制作图表的 javascript 插件。
我想要的是找到处理类别名称上的单击事件的选项并获取其属性，如下图所示：

高图

我知道 HighCharts 使用 JQuery。

Answer 1

您可以将事件处理程序添加到first highcharts-axis. 哪个是categories容器。

因此，对于类别：

$('#container .highcharts-axis:first tspan').click(function() {
    console.log($(this).text());
});

演示

Answer 2

您可以在 svg 元素上监听 click 事件。这里的工作示例：http: //livecoding.io/3492608。它的要点：

$('.highcharts-axis text').click(function(){
  alert($(this).text());
});