Highcharts-将navigator用作单独的时间选择器

Highcharts-将navigator用作单独的时间选择器,highcharts,slider,Highcharts,Slider,我在一个页面中有多个图表,它们都使用相同的数据,但图表类型不同 我想改变他们所有的时间,只有一个导航器在顶部。就像使用它作为日期选择器输入一样,我如何实现这一点?使用afterSetExtremes事件回调函数,并在其余图表上应用相同的极端值: xAxis: { events: { afterSetExtremes: function(e) { var min = e.userMin,

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


我想改变他们所有的时间,只有一个导航器在顶部。就像使用它作为日期选择器输入一样,我如何实现这一点?

使用
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);
            }
        }
    }
现场演示:

API参考:


使用
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);
            }
        }
    }
现场演示:

API参考:


向我们展示您的代码,以便我们更好地理解您的问题。向我们展示您的代码,以便我们更好地理解您的问题。