Highcharts 海图绘图背景

是否可以创建如下图所示的Highcharts绘图背景？当绘图放大/缩小时，它将进行调整，这一点很重要

例如，使用径向渐变，但颜色之间没有“渐变”

---

下面的示例只是一个起点，使用：

Highcharts.chart（'container'{
图表：{
键入：“散布”
},
xAxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
}，功能（图表）{
var yAxis=chart.yAxis[0]，
y=yAxis.top+yAxis.height，
x=chart.plotLeft，
h=yAxis.高度；
svg=chart.renderer；
弧（x，y，h/3,0,1.5*Math.PI，0）
艾特先生({
填充：“#dce6f2”，
“笔划宽度”：0，
zIndex:-1
}).add（）；
弧（x，y，2*h/3,0,1.5*Math.PI，0）
艾特先生({
填充：“#c5d8f1”，
“笔划宽度”：0，
zIndex:-2
}).add（）；
弧（x，y，h，0,1.5*Math.PI，0）
艾特先生({
填写：“#95b3d7”，
“笔划宽度”：0，
zIndex:-3
}).add（）；
});
如果不需要x/y对称，那么很容易：

chart: {
    backgroundColor: {
      radialGradient: {
        cx: 0,
        cy: 1,
        r: 1
      },
      stops: [
        [0, '#dce6f2'],
        [.25, '#dce6f2'],
        [.25, '#c5d8f1'],
        [.50, '#c5d8f1'], 
        [.50, '#95b3d7'],
        [.75, '#95b3d7'],
        [.75, '#fff'],
        [1, '#fff']
      ]
    },
    type: 'line'
  },


这将与图表的大小成比例

如果你需要它始终是一个四分之一圆，那就不那么容易了
 非常感谢你的建议。你就快到了，但是隐藏一个系列会让另一个离开它的扇区。看，是的，这只是一个例子，你必须适应你的需要，写下你想要的逻辑