Highcharts - используйте навигатор как отдельный селектор времени

Question

У меня есть более одной диаграммы на одной странице, все они используют одни и те же данные, но в разных типах диаграмм.

Я хотел бы изменить все свое время только с одним навигатором вверху. например, использовать его как ввод даты, как я могу этого добиться?

Answer 1

Используйте функцию обратного вызова события 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