highcharts 选项可点击的类别名称

【问题标题】：highcharts options clickable category namehighcharts 选项可点击的类别名称
【发布时间】：2012-08-27 20:28:55
【问题描述】：

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

HighCharts

我知道 HighCharts 使用 JQuery。

【问题讨论】：

【解决方案1】：

您可以将事件处理程序添加到firsthighcharts-axis。这是categories 容器。

所以，对于类别：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：