Javascript 海图极坐标图2嵌套圆

Javascript 海图极坐标图2嵌套圆,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我在极坐标图定制方面遇到问题。我想要两个嵌套的圆圈 这就是我想要得到的结果: -预期结果: $(函数(){ 变量数据=[{“名称”:ビタミンA,“y”:3650,“颜色”:“9fe642”,“背景颜色”:“F9D5B5”,“比较”:過剰"},{“姓名”:ビタミンB1,“y”:2783,“颜色”:“274ffb”,“bg#U颜色”:“BBDEE8”,“比较”:不足},{“名称”:ビタミンB2,“y”:3616,“颜色”:“705ba4”,“背景颜色”:“D8E4BE”,“比较”:適度},{“名

我在极坐标图定制方面遇到问题。我想要两个嵌套的圆圈

这就是我想要得到的结果:

-预期结果:

$(函数(){
变量数据=[{“名称”:ビタミンA,“y”:3650,“颜色”:“9fe642”,“背景颜色”:“F9D5B5”,“比较”:過剰"},{“姓名”:ビタミンB1,“y”:2783,“颜色”:“274ffb”,“bg#U颜色”:“BBDEE8”,“比较”:不足},{“名称”:ビタミンB2,“y”:3616,“颜色”:“705ba4”,“背景颜色”:“D8E4BE”,“比较”:適度},{“名称”:ビタミンC,“y”:3661,“颜色”:“a54593”,“背景颜色”:“F9D5B5”,“比较”:過剰},{“名称”:カルシウム,“y”:2783,“颜色”:“d1d700”,“背景颜色”:“BBDEE8”,“比较”:不足},{“名称”:鉄“,”y“:3615,“颜色”:“#06675e”,“背景颜色”:“#BBDEE8”,“比较”:”不足"}];
海图。海图(‘极坐标图’{
图表:{
极地:是的
},
标题:{
文本:“”
},
窗格:{
startAngle:0,
端角:360,
背景:[
{
背景颜色:{
线性半径:{x1:1,y1:1,x2:1,y2:1},
停止:[
[0,#FFF'],
[1'#F9D5B5']
]
},
边框宽度:0,
外层:“100%”
}
]
},
xAxis:{
时间间隔:60,
分:0,,
最高:360,
标签:{
格式化程序:函数(){
如果(this.value==0){
返回'ビタミンA';
}else if(this.value==60){
返回'ビタミンB1’;
}else if(this.value==120){
返回'ビタミンB2′;
}else if(this.value==180){
返回'ビタミンC′;
}else if(this.value==240){
返回'カルシウム';
}否则{
返回'鉄';
}
}
}
},
亚克斯:{
最低:0
},
打印选项:{
系列:{
起点:0,
点间距:60,
数据标签:{
启用:false,
格式:“”
}
},
专栏:{
点填充:0,
分组填充:0
}
},
系列:[{
键入:“行”,
名称:"营养",,
数据:数据,
showInLegend:false,
zIndex:3,
},
{
键入:“列”,
名称:'行',
数据:[{
颜色:“BBDEE8”,
y:5000
}, {
颜色:“BBDEE8”,
y:5000
}, {
颜色:“BBDEE8”,
y:5000
}, {
颜色:“BBDEE8”,
y:5000
}, {
颜色:“BBDEE8”,
y:5000
}, {
颜色:“BBDEE8”,
y:5000
}],
zIndex:2,
pointPlacement:'介于',
showInLegend:false,
},
{
键入:“列”,
名称:'行',
数据:[{
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}, {
颜色:“D8E4BE”,
y:7000
}],
zIndex:1,
pointPlacement:'介于',
showInLegend:false,
},
]
});
});

使用。每个圆一个绘图带

  yAxis: {
        plotBands: [{
          from: 0,
          to: 25000,
          color: 'blue'
        }, {
          from: 25000,
          to: 50000,
          color: 'green'
        }, {
          from: 50000,
          to: 75000,
          color: 'red'
        }],
例如: