天天看點

Highcharts給y軸标題添加點選事件通過圖表渲染完畢後的回調函數添加Y軸标題的點選事件。 

最近需要做一個點選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軸标題屬性。

Highcharts給y軸标題添加點選事件通過圖表渲染完畢後的回調函數添加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軸标題點選事件,以下忽略
        
    });
});
           

繼續閱讀