Как исправить отображение значения -1 при нажатии на навигатор в старшей диаграмме? (Когда диапазон дат не используется для навигатора)

Question

Я пытаюсь построить столбчатую диаграмму с навигатором, используя верхнюю диаграмму, у которой нет диапазона дат по оси X.Навигатор работает нормально при нажатии или перетаскивании.При нажатии слева от навигатора на графике отображается значение -1.У кого-нибудь есть идеи?

I tried below logic : https://codepen.io/yugshah0106/pen/OeWpQq

Answer 1

Эта проблема возникает, потому что вы используете навигатор с Highcharts вместо Highstock.Когда вы заменяете конструктор Highcharts.chart на Highcharts.stockChart, навигатор будет создан правильно.

Обратите внимание, что для того, чтобы иметь категории, как вы делали это раньше, в Highstock должен использоваться обратный вызов xAxis.labels.formatter и возвращатьсяправильные значения:

  xAxis: {
    labels: {
      formatter: function(value) {
        return Vlans[this.value];
      }
    },
    tickInterval: 1
  }

Демо:

• https://jsfiddle.net/BlackLabel/p8o1ytw7/2/