我正在嘗試創建極座標柱狀圖。 此圖表必須顯示堆積列。 這很簡單,但真實情況是我得到了極座標圖外圍極座標圖的x軸&標籤,但我希望它們位於中心內。它可以實現嗎?是否有可能創建具有x軸中心而不是圓周的Highchart極座標圖表
感謝您的時間
我正在嘗試創建極座標柱狀圖。 此圖表必須顯示堆積列。 這很簡單,但真實情況是我得到了極座標圖外圍極座標圖的x軸&標籤,但我希望它們位於中心內。它可以實現嗎?是否有可能創建具有x軸中心而不是圓周的Highchart極座標圖表
感謝您的時間
這不是直接支持,但可能實現。
我們需要爲那個創建一個額外的假系列和軸。然後使用偏移量,我們可以將主軸移動到中心。最後一件事是計算yAxis的最小值,以確保列不會從內部開始。
你$('#container').highcharts({
series: [{
data: [12,13,14,15,5,17]
}, {
data: [13,15,4,12,14,16]
}, {
data: [1,15,13,4,14,16]
},{
data: [13,15,3,12,1,16]
}, {
data: [null,null,null,null,null,null],
xAxis: 1
}],
chart: {
polar: true,
type: 'column'
},
xAxis: [{
offset: 120,
tickInterval: 1,
tickmarkPlacement: 'on'
}, {
lineWidth: 0,
tickInterval: 1,
labels: {
enabled: false
}
}],
yAxis: {
min: -35,
endOnTick: false,
showLastLabel: true,
title: {
text: null
},
labels: {
align: 'center',
formatter: function() {
if(this.value >= 0){
return this.value + '%';
} else {
return '';
}
}
}
},
plotOptions: {
series: {
stacking: 'normal',
}
}
});
可以使用offset屬性:http://api.highcharts.com/highcharts#xAxis.offset
但是這會導致一個混亂的圖表英寸 極地海圖通常會混淆不清,因爲它是..
我也試過這個。我們可以將標籤移動到中心和軸線上,但這不符合我的要求。 – Strikers 2013-04-25 06:00:28
你爲什麼不告訴我們你到目前爲止做了什麼,也許在的jsfiddle? – SteveP 2013-04-23 08:39:35
我沒有做太多,使用風玫瑰示例http://jsfiddle.net/QgUgW/,我嘗試使用xAxis的相反屬性,但未能將其移至居中。 – Strikers 2013-04-23 09:41:46
我通常會使用標籤{x:-10}類型屬性來移動xAxis標籤,但在極座標模式下偏移量沒有正確映射。可能是一個錯誤? – SteveP 2013-04-23 10:00:08