Javascript 是否可以创建x轴位于中心而不是圆周的Highchart极坐标图
我正在尝试创建一个极坐标柱形图。 此图表必须显示堆叠的列。 这很简单,但真正的问题是,我得到的是极坐标图的x轴和标签,在其周长的图外,但我希望它们在中心的内部。这是可以实现的吗Javascript 是否可以创建x轴位于中心而不是圆周的Highchart极坐标图,javascript,highcharts,Javascript,Highcharts,我正在尝试创建一个极坐标柱形图。 此图表必须显示堆叠的列。 这很简单,但真正的问题是,我得到的是极坐标图的x轴和标签,在其周长的图外,但我希望它们在中心的内部。这是可以实现的吗 感谢您抽出时间您可以使用偏移属性: 但这导致了一个混乱的图表。 极坐标图通常很混乱,因为它是..这不是直接支持的,但可以实现 我们需要创建一个额外的假系列和轴。然后使用偏移,我们可以将主轴移到中心。最后一件事是计算yAxis的min,以确保列不会从内部开始 $('#container').highcharts({
感谢您抽出时间您可以使用偏移属性: 但这导致了一个混乱的图表。
极坐标图通常很混乱,因为它是..这不是直接支持的,但可以实现 我们需要创建一个额外的假系列和轴。然后使用偏移,我们可以将主轴移到中心。最后一件事是计算yAxis的min,以确保列不会从内部开始
$('#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',
}
}
});
您的示例:为什么不向我们展示您到目前为止所做的工作,也许是在JSFIDLE中?我没有做太多工作,使用wind rose示例,我尝试对xAxis使用相反的属性,但未能将其移动到中心。我通常会使用以下标签移动xAxis标签:{x:-10}类型属性,但在极轴模式下,偏移没有正确映射。可能是一个bug?我不想让标签在里面移动,我希望整个X轴都像一个相反的轴一样位于中心。你能展示一些模型,这应该是什么样子吗?我也试过这个。我们也可以将标签移动到中心和轴上,但这不符合我的要求。您已经看到图像中的堆叠列,highchart可以吗?你能告诉我为什么我们需要一个带有空数据和一个额外轴的额外序列吗?因为当我删除了第二个x轴和空序列时,它看起来也很好。从内部看,你没有直线。这是第二个轴和一个额外系列的唯一原因。我想用一种特殊的颜色填充整个中心。可能吗?同时,我需要一个标签在中心。可以像标签一样在中心获得x轴标题。可以使用chart.Renderer.text()在中心添加文本。要填充打印区域,请使用plotBackgroundColor/Image,也可以尝试使用PlotBand。