jquery - Highcharts 轴上的单击事件

Question

我希望能够将事件绑定(bind)到 Highcharts 中的轴，这样我就可以在 UI 中公开它们的一些选项(轴间隔、文本格式、网格线等)

似乎不是在 Highcharts 中执行此操作的方法。到目前为止，当我单击标签时，我可以让它执行我的命令，但当我单击标签之间的空格时，则不能。请参阅此处的 fiddle ，版本 2.2.4:http://jsfiddle.net/gW4p6/174/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        marginRight: 80 // like left
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: [{
          lineWidth: 1,
          title: {
              text: 'Secondary Axis'
          }
    }],

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

var clearSelection = function() { $('.highcharts-axis').css('stroke', ''); };

$('.highcharts-axis').click(function(event) {
    clearSelection();
    $(this).css('stroke', 'green');
    return false;
});
$(document).click(clearSelection);
$('svg').click(clearSelection);

有什么方法可以可靠地捕获 g.highcharts-axis 元素上的点击事件吗？

对于奖励分数，在选项中将轴与其 axis.id 链接的最佳方式是什么？我能想到的最好办法是依靠轴按照提供的顺序呈现的事实，这样我就可以循环。

Answer 1

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

这会提醒轴的文本。这样您就可以将单击事件绑定(bind)到 axis 中的每个元素。