Highcharts Kategorien nicht hinzufügen

Question

Ich möchte die Nummer '6' Kategorie zeigen, aber Daten in Serie sind so stabil. Aber was passiert ist, ist, dass nur 1 - 5 in der Kategorie gezeigt werden. Wie werde ich das tun? Bitte beachten Sie folgenden Code:

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

Sie verwenden können ‚min‘ und ‚max‘ Werte für x-Achse die minimalen und maximalen Indexwert aus der Kategorie Array angeben, angezeigt auf Diagramm werden.

In Ihrem Fall

min: 0, 
max: 5 

Hier ist die aktualisierte fiddle.