在高潮轴上单击事件

Question

我希望能够将事件绑定到高图表中的轴,因此我可以在UI中为它们公开一些选项(轴间隔,文本格式,网格线等)

似乎不是在highcharts中这样做的方法.到目前为止,当我点击标签时,我可以让它进行我的出价,但是当我点击标签之间的空格时,我不能这样做.请参阅此处的小提琴,版本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元素上可靠地捕获click事件吗？

对于奖励标记,将轴与其axis.id链接在选项中的最佳方法是什么？我能想到的最好的事情是依赖轴按照它们提供的顺序渲染的事实,所以我可以循环.

Answer 1

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

这会警告轴的文本.这样,您可以将click事件绑定到轴中的每个元素.