javascript - Highcharts yAxis 标题点击

Question

我想在 yAxis 标题点击上设置 yAxis 极值。

yAxes[i].setExtremes(min, max);

我能够捕获 yAxis 标签上的 onclick 事件*。 Here is the JSFiddle demo 但我想启用点击 yAxis 标题并从用户那里获取值并设置极值。

Answer 1

要为轴标题捕获 onclick，您可以使用现有的方法遍历轴并向 axis.axisTitle 添加类似的 onclick 函数。元素 ( JSFiddle ):

var yAxes = pChart.yAxis;
yAxes.forEach(function(axis) {
    axis.labelGroup.element.childNodes.forEach(function(label){
        label.style.cursor = "pointer";
        label.onclick = function(){console.log('You clicked on '+this.textContent);};
    });
    axis.axisTitle.element.style.cursor = "pointer";
    axis.axisTitle.element.onclick = function(){console.log('You clicked on '+this.textContent);};
});