highcharts - *Highcharts* 如何获取缩放框的最小值和最大值

Question

我通过设置zoomType: 'xy'来使用highcharts中的缩放功能，想问当我使用鼠标进行缩放时，如何找到缩放框x轴上的最小值和最大值选择变焦位置。我尝试使用 getExtremes() :

events: {
    afterSetExtremes: function () {
        min = parseFloat(this.getExtremes().min);
        max = parseFloat(this.getExtremes().max);
    }
}

但返回的最小值和最大值似乎是缩放后整个图表屏幕的值，而不是我选择缩放的框。

Answer 1

您可以使用chart.events.selection事件来获取此信息。例如:

chart: {
    events: {
        selection: function(event) {
            if(event.xAxis != null)
                console.log("selection: ", event.xAxis[0].min, event.xAxis[0].max);
            else
                console.log("selection: reset");
        }
    },
    zoomType: 'xy'
}

参见this JSFiddle用于演示和记录结果。