2016-03-23 3 views
-1

1月から12月までの月を表示したいのですが、一連のデータは安定しています。何が起こったのかは、チャートでのみ表示される月は1月から5月までです。私はどうしますか?以下のコードを参照してください。ハイチャートカテゴリの月は追加されません

function getchart2() 
{ 

$('#container2').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: [ 
      'Jan', 
      'Feb', 
      'Mar', 
      'Apr', 
      'May', 
      'Jun', 
      'Jul', 
      'Aug', 
      'Sep', 
      'Oct', 
      'Nov', 
      'Dec' 
     ], 
     crosshair: true 
    }, 

    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' 
    }] 
}); 

} 
+1

可能な複製(http://stackoverflow.com/questions/36174196/highcharts-categories-dont-に「最大」の値を変更する必要がありますadd) – dgw

答えて

1

この回答はthisと同じです。

は、あなただけの[Highchartsカテゴリーが追加しない]の11

+0

はい、私はすでにそれをしました。しかし、それでも出力は同じです。 – Pau

+0

[this](http://jsfiddle.net/LeXmz/37/)を確認してください。 – sg1291

関連する問題