score:1

Accepted answer

All you need to do is to connect the navigator range with x-axes extremes by using setExtremes method. The below example is using a navigator from Highstock.

    xAxis: {
        ...,
        events: {
            afterSetExtremes: function(e) {
                chart1.xAxis[0].setExtremes(e.min, e.max, true, false);
                chart2.xAxis[0].setExtremes(e.min, e.max, true, false);
            }
        }
    }

Live demo: http://jsfiddle.net/BlackLabel/4Lfegyqa/

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


Related Query

More Query from same tag