在Highchart的x軸中設置datetime格式

Question

我試圖在highchart中實現datetime系列圖表。我提供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); 
     } 

    } 
    } 

小提琴：

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