最近需要做一个点击highchart图表上Y轴标题触发事件的功能。然后就不停的百度和不停的去翻api,终于被我找到如何做了。
通过图表渲染完毕后的回调函数添加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轴标题点击事件,以下忽略
});
});