http://www.highcharts.com/demo/column-stacked-and-groupedの例のように、グループ化されスタックされた列を使用してHighchartsチャートを作成しました。この例は、性別ごとにグループ化された、5人の異なる人の果物の数を示しています。この例で私が見逃しているのは、各グループの下にあるグループの名前(男性または女性)を示すx軸のラベルです。これをチャートに追加することは可能ですか?
これが私が作成しようとしているチャートの簡略版です:http://jsfiddle.net/WQjVP/66/。ケース処理システムの3つの場所の未解決(青)および延滞(赤)の問題の数を示します。各グループの左側の列は7月のその場所の番号を示し、各グループの右側の列は同じユニットの8月の番号を示しています。各列の下に月を表示して、最初の列に「7月」、2番目の列に「8月」、3番目の列に「7月」というように列とロケーションラベル。
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
categories: ["Location A","Location B","Location C"],
title: {
text: "Location"
}
},
yAxis: {
allowDecimals: false
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
formatter: function() {
if (this.y === 0) {
return null;
}
return this.y;
},
style: {
color: 'white'
}
}
},
column: {
stacking: 'normal',
borderWidth: 0
}
},
series: [{
"color": "rgb(0,0,255)",
"name": "open",
"data": [18, 2, 6],
"stack": "Jul"},
{
"color": "rgb(255,0,0)",
"name": "overdue",
"data": [0, 0, 0],
"stack": "Jul"},
{
"color": "rgb(0, 0, 255)",
"name": "open",
"data": [20, 1, 10],
"stack": "Aug"},
{
"color": "rgb(255, 0, 0)",
"name": "overdue",
"data": [2, 1, 2],
"stack": "Aug"
}]
});