基于x y的Highcharts背景颜色

Question

我正在使用高级图表中的图形来处理这样的图形：

但是我在基于y轴和x轴制作绿色红色黄色背景颜色时遇到问题。

这是我发现的一个例子，但它仅基于y轴：jsfiddle.net/tK7ux 我想在可能的情况下同时在X和Y上使用plotBands。

也许还有另外一种方法，而不是使用plotBands？我也看过Renderer函数并制作一个矩形，但问题是它的位置不是基于Y轴和X轴。