Highcharts给y轴标题添加点击事件

版权声明：本文为博主原创文章，未经博主允许不得转载！ https://blog.csdn.net/bojinyanfeng/article/details/88294060

最近需要做一个点击highchart图表上Y轴标题触发事件的功能。然后就不停的百度和不停的去翻api，终于被我找到如何做了。

参考：https://www.codercto.com/a/41780.html

通过图表渲染完毕后的回调函数添加Y轴标题的点击事件。 

1.因为不知道y轴的标题是哪个属性，所以先从控制台输出查看属性。

Highcharts.chart('container', {
    // 配置省略
}, function(chart) { // 图表渲染完毕后的回调函数
    var yAxis = chart.yAxis[0];
    console.log(yAxis);
    
});

2.通过控制台信息可以得知axisTitle是y轴标题属性。

3.然后就可以给Y轴标题添加点击事件了。

Highcharts.chart('container', {
    // 配置
}, function(chart) { // 图表渲染完毕后的回调函数
    var yAxis = chart.yAxis[0];
    //console.log(yAxis);
    // 给Y轴标题添加点击事件
    Highcharts.addEvent(yAxis.axisTitle.element, 'click', function(e) {
        //触发Y轴标题点击事件，以下忽略
        
    });
});