用于多个图表的 Highstock 单一导航器

【问题标题】：Highstock Single Navigator for multiple Charts用于多个图表的 Highstock 单一导航器
【发布时间】：2021-05-26 14:39:56
【问题描述】：

鉴于它们共享相同的时间范围，是否有一种已知的方法可以让单个导航器控制多个图表？

【问题讨论】：

标签： reactjs highcharts navigator react-highcharts

【解决方案1】：

是的，您只需在图表中连接设置极值过程，例如：

const chart1 = Highcharts.stockChart('container', {
    ...
});

Highcharts.stockChart('container2', {
    ...,
    xAxis: {
        ...,
        events: {
            setExtremes: function(e) {
                chart1.xAxis[0].setExtremes(e.min, e.max, true, false);
            }
        }
    }
});

现场演示： http://jsfiddle.net/BlackLabel/v31roh8c/

API 参考： https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes

【讨论】：