最近需要做一個點選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軸标題點選事件,以下忽略
});
});