Highcharts (Highstocks) При изменении периодов свиток должен «прыгать» к началу периода

Question

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

(я пытался использовать setExtremes ()не работает).Спасибо.

   `<highcharts-chart
    [Highcharts] = "Highcharts" 
    [options] = "chartOptions" 
    [constructorType]="chartConstructor"
    style = "width: 90%; margin: auto; height: 370px; display: 
    block;">
   </highcharts-chart>`



createMultiLineChart() {
this.chartOptions = {
    chart: {
    zoomType: 'x',
    },
    rangeSelector: {
    selected: 1,
    inputBoxBorderColor: '#00acba',
    inputStyle: {
        color: '#492e76',
        fontWeight: 'bold',
        fontSize: '13',
        borderRadius: 18
    },
    buttonTheme: {
        visibility: 'hidden'
    },
    labelStyle: {
        color: '#00acba',
        fontSize: '13'
    },
   },
    navigator: {
        enabled: false,
        margin: 40
    },
    series: [ 
    {
        type: 'line',
        name: this.translate.instant('charts.multi-line.bankDeposits'),
        color: '#c075af',
        data: this.bankDepositsItems, 
        lineWidth: 2
    },
    {
        type: 'line',
        name: this.translate.instant('charts.multi-line.telbond'),
        color:  '#957bc0',
        data: this.telbondItems,
        lineWidth:  2
    },
    {
        type: 'line',
        name: this.translate.instant('charts.multi-line.tenant'),
        color: '#00acba',
        data: this.tenantItems,
        lineWidth: 2,
        marker: {
            symbol: 'circle'
        },
    }
 ],
 tooltip: {
    useHTML: true,
    borderRadius: 15,
    borderWidth: 1,
},

yAxis: {противоположность: ложь, className: 'highcharts-color-0', метки: {style: {color: '# 00acba', fontSize: this.yFontsize}, formatter: function () {return this.value + '%';}}, заголовок: {align: 'high', offset: 0, text: this.translate.instant ('line-chart.chart-title'), вращение: 0, y: -10, style: {color: '# 00acba ', fontSize:' 14 ', fontWeight:' 600 '},}, lineColor:' # 00acba ', lineWidth: 3}, xAxis: {type:' datetime ', lineColor:' # 492E76 ', lineWidth: 3, метки: {style: {color: '# 492E76'}, формат: '{value:% m`% y}',},},}}

 filterDataChart() {

    this.bankDepositsItems = this._multiLineChartData.map(element=> {
        return [element.yearMonth, element.bankDeposits];
    });
    this.telbondItems = this._multiLineChartData.map(element => {
        return [element.yearMonth, element.telbond]
    })
    this.tenantItems = this._multiLineChartData.map(element => {
        return [element.yearMonth, element.tenant]
    })}