Highcharts-使用导航器作为单独的时间选择器

Question

我在一页中有多个图表，它们都使用相同的数据，但图表类型不同。

我想改变他们所有的时间，只有一个导航器位于顶部。像将其用作日期选择器输入一样，我该如何实现呢？

Answer 1

使用afterSetExtremes事件回调函数，并对其余图表应用相同的极限：

    xAxis: {
        events: {
            afterSetExtremes: function(e) {
                var min = e.userMin,
                    max = e.userMax;

                chart1.xAxis[0].setExtremes(min, max, true, false);
                chart2.xAxis[0].setExtremes(min, max, true, false);
            }
        }
    }

实时演示： http://jsfiddle.net/BlackLabel/8gc9qwsp/

API参考：

https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes

https://api.highcharts.com/highstock/xAxis.events.afterSetExtremes