Блог

Главная - Вопросы по программированию - Угловой навигатор Highcharts xAxis не уменьшается

Угловой навигатор Highcharts xAxis не уменьшается

#angular #highcharts

Вопрос:

Я работаю над несколькими графиками одновременно, эти графики должны обновляться при использовании перетаскивания / изменения размера навигатора. В моем случае навигатор движется правильно, но изменение размера не работает должным образом. Если навигатор становится больше, проблем нет, только когда навигатор становится меньше. По какой-то причине другие навигаторы не будут обновляться. Смотрите скриншот.

[введите описание изображения здесь][Снимок экрана] [1]: https://i.stack.imgur.com/7a43k.png

Код, который я использую для изменения размера навигатора, выглядит следующим образом:

 let startNav = startDate - ((endDate - startDate) * 2);
let endNav = endDate   ((endDate - startDate) * 2);
this.chart.navigator.xAxis.setExtremes(startNav, endNav);

Переменная (эта.)диаграмма является основным объектом диаграммы, на мой взгляд.

   chartOptions: Highcharts.Options = {
chart: {
  zoomType: 'x',
  type: "spline",
  panKey: 'shift',
},
title: {
  text: ""
},
subtitle: {
  text: ""
},
xAxis: {
  type: 'datetime',
  dateTimeLabelFormats: {
    year: '%I:%M:%S %p',
    month: '%I:%M:%S %p',
    day: '%I:%M:%S %p'
  }, title: {
    text: 'Tijd'
  },
  plotBands: []
},
yAxis: [{
  labels: {
    format: '{value} uren',
  },
  title: {
    text: 'lorem ipsum',
  },
  opposite: false
},
{
  gridLineWidth: 0,
  title: {
    text: 'lorem ipsum',
  },
  labels: {
    format: '{value} mm',
  },
  opposite: true
}],
tooltip: {
  valueSuffix: "",
  shared: true
},
credits: {
  enabled: false
},
navigator: {
  enabled: true,
  series: [{}],
     
},
series: [],

};

Ответ №1:

Вы должны обновить основную ось, и ось навигатора следует за основной.

 chart.xAxis[0].setExtremes(10, undefined);

Демо: https://jsfiddle.net/BlackLabel/8vubh7zq/

Метки: