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

Question

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

Answer 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