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:

api reference:

Related Query

More Query from same tag