Установить формат datetime в оси x Highchart

Question

Я пытаюсь реализовать диаграмму серии datetime в highchart. Я при условии UNIX метку времени и участки данных, как это в течение 8 часов данных:

Как вы можете видеть, я не могу знать дату для этой диаграммы. Я хочу показать дату в первой точке («% e.% B»). Сейчас, когда меняется день, он автоматически отображает дату, как это за 24 часа:

Это моя реализация прямо сейчас:

 xAxis: { 
     type: 'datetime', 
     crosshair: true, 
     gridLineWidth: 0 
     } 

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

 xAxis: { 
     type: 'datetime', 
     labels: { 
      formatter: function() { 
      if (this.isFirst) { 
       return Highcharts.dateFormat('%e. %b', this.value); 
      } 
      return Highcharts.dateFormat('%H:%M', this.value); 
      } 
     }, 
     crosshair: true, 
     gridLineWidth: 0 
     } 

Я пытаюсь написать функцию форматирования, которая вначале указывает и в полночь, покажите дату и все остальное время, она показывает время в HH: мм?

Answer 1

Вы можете использовать getHours() проверить час значения данных вашей метки оси, и формат соответственно:

labels: { 
    formatter: function() { 
     if (this.isFirst) { 
     return Highcharts.dateFormat('%e. %b', this.value); 
     } 
     else { 
     var t = new Date(this.value); 
     var h = t.getHours(); 
     return h == 0 
      ? Highcharts.dateFormat('%e. %b', this.value) 
      : Highcharts.dateFormat('%H:%M', this.value); 
     } 

    } 
    } 

Fiddle:

• http://jsfiddle.net/jlbriggs/eukr8gtx/