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