高排行榜类别月份;t添加


Highcharts categories months don't add

我想显示从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'
    }]
});
}

答案与此相同。

您只需要将"max"值更改为11。