使用Highcharts在散点图中高亮显示区域

我使用散点图。并努力做到这一点：

到目前为止，我已经根据需要放置了绿色标记，还画了一个红色标记。唯一剩下的就是突出显示所有绿色和红色标记出现的区域

到目前为止，我已经创造了这个东西：

我已经附上了这个代码。请帮助我做什么，或者我如何才能做到这一点？

---

以下是JSFIDLE:

对于矩形，您可以使用具有四个点的多边形序列作为数据，并将序列颜色设置为某种图案-图案可以与Highcharts图案填充插件一起使用。对于完全相同的模式，您可能需要创建自己的模式

定义模式

    defs: {
  patterns: [{
    'id': 'custom-pattern',
    'path': {
      d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
      stroke: 'red',
      strokeWidth: 2
    }
  }]
},

多边形系列的配置：

 {
  type: 'polygon',
  enableMouseTracking: false,
  showInLegend: false,
  data: [
    [50, 10],
    [50, 100],
    [120, 100],
    [120, 10]
  ],
  zIndex: -99,
  color: 'url(#custom-pattern)'
  }

例如：

 {
  type: 'polygon',
  enableMouseTracking: false,
  showInLegend: false,
  data: [
    [50, 10],
    [50, 100],
    [120, 100],
    [120, 10]
  ],
  zIndex: -99,
  color: 'url(#custom-pattern)'
  }