ハイチャートカテゴリは追加されません

Question

数字「6」カテゴリを表示したいのですが、シリーズのデータ​​はそのように安定しています。しかし、何が起こったのは、カテゴリには1 - 5しか示されていないということです。私はこれをどのようにして行いますか？

function getchart() 
{ 

$('#container').highcharts({ 
    chart: { 
     type: 'column', 
       renderTo: 'container' 
    }, 
title: { 
      text: 'Daily Events', 
      style: { 
       'color': '#06F', 
       'font-family': 'Roboto', 
       'font-size': '16px', 
       'font-weight': 'bold' 

      }, 
      useHTML: true 
     }, 
    xAxis: { 

     categories: [ 
       '1', 
       '2', 
       '3', 
       '4', 
       '5', 
       '6' 
      ] 
    }, 

    yAxis: { 
     min: 0, 
     title: { 
      text: 'No. of Events' 
     }, 

     stackLabels: { 
      enabled: true, 
      style: { 
       fontWeight: 'bold', 
       color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
      } 
     } 
    }, 
    legend: { 
      itemStyle: { 

       'color': '#666', 
       'font-family': 'Roboto', 
       'font-weight': 'normal', 
       'font-size': '11px' 

      }, 

      useHTML: true 
     }, 
    tooltip: { 
     formatter: function() { 
       return '<b>'+ this.series.name +'</b><br/>'+ 
       this.x +': '+ this.y; 
     } 
    }, 
    plotOptions: { 
     column: { 
     pointWidth: 30, 
      stacking: 'normal', 
      dataLabels: { 
       enabled: true, 
       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
       style: { 
        textShadow: '0 0 3px black' 
       } 

      } 
     } 
    }, 

    series: [{ 
     name: 'Incoming', 
     data: [ 
     {y: 10.4, color: '#FAA961'}, //incoming 
      {y: 15.4, color: '#FAA961'}, 
      {y: 20.4, color: '#FAA961'}, 
      {y: 12.4, color: '#FAA961'}, 
      {y: 30.4, color: '#FAA961'}, 
     ], 
     color: '#FAA961' 
    }, { 
     name: 'Ongoing', 
     data: [ 
     {y: 10.4, color: '#438EF7'}, //incoming 
      {y: 15.4, color: '#438EF7'}, 
      {y: 20.4, color: '#438EF7'}, 
      {y: 12.4, color: '#438EF7'}, 
      {y: 30.4, color: '#438EF7'}, 
     ], 
     color: '#438EF7' 
    }, { 
     name: 'Finished', 
     data: [ 
     {y: 34.4, color: '#43F752'}, //incoming 
      {y: 35.4, color: '#43F752'}, 
      {y: 40.4, color: '#43F752'}, 
      {y: 42.4, color: '#43F752'}, 
      {y: 20.4, color: '#43F752'}, 
     ], 
     color: '#43F752' 
    }] 
}); 

} 

Answer 1

あなたは、チャート上に表示されるカテゴリの配列から最小値と最大インデックス値を指定するには、「分」とx軸のための「最大」の値を使用できます。以下のコードを参照してください。あなたのケースでは

、ここで

min: 0, 
max: 5 

が更新fiddleです。