highcharts 使用导航器作为单独的时间选择器,

4si2a6ki  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(167)

我在一个页面中有多个图表,它们都使用相同的数据,但图表类型不同。
我想改变他们所有的时间,只有一个导航器在顶部。像使用它作为一个日期选择器输入,我怎么能实现这一点?

nukf8bse

nukf8bse1#

使用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

相关问题