일부 xAxis 레이블이 Highchart에 표시되지 않습니다 : Area Chart

Question

차트에 6 점을 하이 차트에 표시하려고합니다. 이제 포인트는 차트에 쉽게 표시되지만 일부 x 축 레이블이 누락되었습니다.

차트 폭을 늘리지 않고 모든 x 축 레이블을 표시하려고합니다.

$('#container').highcharts({ 
    chart: { 
     type: 'area', 
     height: 200, 
     width: 300 
    }, 
    title: { 
     text: '' 
    }, 
    subtitle: { 
     text: '' 
    }, 
    credits: { 
     enabled: false 
    }, 
    xAxis: { 
     allowDecimals: false, 
     gridLineWidth: 0 
    }, 
    yAxis: { 
     labels: { 
      enabled: false 
     }, 
     gridLineWidth: 0, 
     visible: false 
    }, 
    legend: { 
     enabled: false 
    }, 
    plotOptions: { 
     area: { 
      marker: { 
       enabled: true, 
       symbol: 'circle', 
       radius: 5, 
       states: { 
        hover: { 
         enabled: true 
        } 
       } 
      }, 
      dataLabels: { 
       enabled: false 
      } 
     } 
    }, 
    tooltip: { 

    }, 
    series: [{ 
     name: '', 
     data: [1, 2, 3, 4, 5, 6] 
    }] 
}); 

여기 jsfiddle link

내가 어떤 도움을 주셔서 감사합니다! :)

Answer 1

xAxis에서 tickInterval 속성을 사용하십시오. tickInterval

xAxis: { 
    tickInterval: 1 
} 

아래로이 답변은 위의 코멘트 섹션에서 @Rahul Sharma에 의해 주어진다 세트 tickInterval 사용