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

Question

我通过设置zoomType: 'xy'在高级图表中使用缩放功能，并想知道当我使用鼠标选择缩放位置时，如何在缩放框的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。