тиковый интервал не работает при применении тикового интервала, где отображаются значения x и y - PullRequest
0 голосов
/ 11 февраля 2020

Я хочу показать дату каждого дня, но я получаю альтернативные даты, такие как 1 фев, 3 фев и 5 фев. Мне нужна полная дата, как показано ниже, без пропущенных дат ny axis.tried tickinterval 1, но в нем отображаются значения x и y: .

1-февраля-2020

2-февраля-2020

graph

                        xAxis: {
                        tick,
                        type:'datetime',
                        dataLabels: {
                            align: 'right',
                            rotation: 45,
                            shape: null
                        }

                    },

Ответы [ 2 ]

1 голос
/ 11 февраля 2020

Установка xAxis в нижний конфиг - это решение, которое вы ищете:

  xAxis: {
    type: 'datetime',
    tickInterval: 24 * 3600 * 1000,
    dateTimeLabelFormats: {
      day: '%e-%b-%Y'
    }
  },

Демо: https://jsfiddle.net/BlackLabel/qmro0was/

API: https://api.highcharts.com/highcharts/xAxis.dateTimeLabelFormats

API: https://api.highcharts.com/highcharts/xAxis.tickInterval

1 голос
/ 11 февраля 2020

Вам нужно установить tickInterval на один день и использовать функцию formatter:

xAxis: {
  ...,
  tickInterval: 1000 * 60 * 60 * 24,
  labels: {
    formatter: function(){
      return Highcharts.dateFormat('%e-%b-%Y', this.value);
    }
  }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/6m4e8x0y/4815/

Справочник по API:

https://api.highcharts.com/highcharts/xAxis.tickInterval

https://api.highcharts.com/highcharts/xAxis.labels.formatter

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...