highcharts选项可点击的类别名称

Question

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

HighCharts

我知道HighCharts使用JQuery。

Answer 1

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

所以，类别：

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

demo

Answer 2

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

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