ハイチャートxAxisの最初のラベルがすべてのティックで繰り返されます

Question

ハイチャートを使用してグラフを作成しています。私はxAxisタイプを使用しています： 'datetime'

私の最初のxAxisラベルが繰り返し表示されています。私がtickIntervalを追加すると、すべてのグラフの目盛りが重なり合うので、代わりにpointIntervalを使用しました。繰り返し表示される最初のxAxisラベルを除き、すべてのグラフオプションが機能しています。ここ

は私のオプションのJSです：

$(function() { 
    $('#container').highcharts({ 
     chart: { type: 'area'}, 
     title: {text: null}, 
     exporting: { enabled: false }, 
     xAxis: { 
      type: 'datetime', 
      pointInterval: 24 * 3600 * 1000, 
      labels: { 
       padding: 0, 
       step: 1, 
       formatter : function() { 
        var dayStr = Highcharts.dateFormat('%a ',this.value); 
        return dayStr; 
       } 
      }, 
      startOnTick: true, 
      endOnTick: false 
     }, 
     yAxis: { 
      min: <?php echo $this_min;?>, 
      max: <?php echo $this_max;?>, 
      title: { text:'mmHg' } 
     }, 

     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: [{showInLegend: false, name:'diastolic', data:[[1464998400, 130], [1465171200, 125], [1465344000, 120], [1465430400, 122]]}, {showInLegend: false, name:'systolic', data:[[1464998400, 90], [1465171200, 85], [1465344000, 80], [1465430400, 82]]}], 
     tooltip: { 
      formatter: function() { 
       var s = []; 

       $.each(this.points, function(i, point) { 
        s.push('<span style="font-weight:bold;">'+point.y +'<span>'); 
       }); 

       return s.join('/')+' mmHg'; 
      }, 
      shared: true 
     }, 
     credits: { enabled: false} 
    }); 
}); 

Answer 1

私はjsFiddleでコードを書き直しました。

seriesで使用したタイムスタンプ[1464998400, 1465171200, 1465344000, 1465430400]は、同じ日付であるJan 18 1970を指しているため、x軸ラベルが繰り返されているようです。私の変更されたコード@ line＃54をチェックしてください。ラベルはうまくいきました。

Answer 2

pointIntervalは、新しいバージョンのHighchartでは使用できなくなりました。代わりにtickIntervalを使用してください。