하이 차트 xAxis 첫 번째 레이블이 모든 틱에서 반복됩니다.

Question

하이 차트를 사용하여 차트를 만듭니다. xAxis 형식을 사용하고 있습니다 : 'datetime'

내 첫 번째 xAxis 레이블이 반복적으로 표시됩니다. tickInterval을 추가 할 때 모든 그래프 틱이 서로 겹치므로 대신 pointInterval을 사용했습니다. 반복적으로 보여주는 첫 번째 xAxis 레이블을 제외한 모든 그래프 옵션이 작동합니다.

$(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에 코드를 재 작성 :

여기 내 옵션 JS이다.

series에 사용 된 타임 스탬프 [1464998400, 1465171200, 1465344000, 1465430400]은 Jan 18 1970 인 동일한 날짜를 가리키며 그 때문에 x 축 레이블이 반복되는 것 같습니다. 수정 된 코드 @ line # 54를 확인하면 레이블이 잘 작동합니다.

Answer 2

pointInterval은 새로운 버전의 Highchart에서 더 이상 사용할 수 없습니다. 대신 tickInterval을 사용해야합니다.