使用半透明颜色来实现这一点- RGBA或HEX。

series: [{
    data: [23, 42, 52, 47, 64],
    zoneAxis: 'x',
    zones: [{
        value: 1.00001,
        color:  'rgba(0, 255, 0, 0.2)'
    }, {
        value: 2.00001,
        color:  'rgba(255, 0, 0, 0.2)'
    }, {
        value: 3.00001,
        color: 'green'
    }, {
        color: 'red'
    }]
}]

演示：https://jsfiddle.net/BlackLabel/1b0zsw5r/
**EDIT：**区域不透明度选项在API中不可用，但您可以扩展Higcharts来实现。下面是一个示例插件：

(function(H) {
  H.Point.prototype.getZone = function() {

    function addAlpha(color, opacity) {
      const _opacity = Math.round(Math.min(Math.max(opacity || 1, 0), 1) * 255);
      return color + _opacity.toString(16).toUpperCase();
    }

    var series = this.series,
      zones = series.zones,
      zoneAxis = series.zoneAxis || 'y',
      zone,
      i = 0;

    zone = zones[i];
    while (this[zoneAxis] >= zone.value) {
      zone = zones[++i];
    }

    function customZone(noOpacityColor) {
      let isOpacityColor = addAlpha(noOpacityColor, zone.opacity).slice(0, 9);
      if (zone.opacity) {
        zone.color = isOpacityColor
      } else {
        this.color = noOpacityColor
      }
    }

    if (!this.nonZonedColor) {
      this.nonZonedColor = this.color;
    }

    if (zone && zone.color && !this.options.color) {
      customZone(zone.color)
      this.color = zone.color;
    } else {
      customZone(this.nonZonedColor)
    }

    return zone;
  };
}(Highcharts));

• 您可以在未定义颜色或颜色为十六进制格式的情况下使用上述插件。*
  演示：https://jsfiddle.net/BlackLabel/6s50b7ot/
  扩展 highcharts ：

https://www.highcharts.com/docs/extending-highcharts/extending-highcharts