ハイチャート ブレットチャートで、X 軸の目盛り位置と目盛り間隔が機能しません。
以下は関連するコードです。確認して問題をお知らせください。
http://jsfiddle.net/uj2k4bds/50/
Highcharts.setOptions({
chart: {
inverted: true,
marginLeft: 135,
type: 'bullet'
},
title: {
text: null
},
legend: {
enabled: false
},
yAxis: {
gridLineWidth: 0
},
plotOptions: {
series: {
pointPadding: 0.25,
borderWidth: 0,
color: '#304894',
targetOptions: {
color: '#FFFFFF'
}
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
}
});
Highcharts.chart('container2', {
xAxis: {
categories: ['<span class="hc-cat-title">Cap Utilization</span><br/>%'],
tickPositions: [0, 25, 50, 75, 100, 125, 150, 175] // added tick position here
},
yAxis: {
plotBands: [{
from: 0,
to: 60,
color: '#FFD700'
}, {
from: 60,
to: 85,
color: '#90EE90'
}, {
from: 85,
to: 150,
color: '#FA8072'
}],
title: null
},
series: [{
data: [{
y: 135,
target: 105,
tickPositions: [0, 25, 50, 75, 100, 125, 150, 175]
}]
}],
tooltip: {
pointFormat: '<b>{point.y}</b> (with target at {point.target})'
}
});
これは私の望ましい結果です: