ハイチャートのx軸に日時フォーマットを設定

Question

ハイチャートで日時シリーズチャートを実装しようとしています。私は、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：mmで表示されますか？

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/