Javascript Highcharts-突出显示柱形图的上方部分

全部,

我有一个要求，我想强调以上部分的条形柱形图。为了更具表现力，我附上了我需要做的图片

先谢谢你

编辑：

我所做的是给出了2个系列并将它们堆叠起来

series: [{
            name: 'Background',
            data: [250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250],
            color: 'rgba(94, 143, 184, 0.5)',
            dataLabels: {
                enabled: false
            }
        }, {
            name: 'Actual',
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            color: '#ffffff',
            dataLabels: {
                enabled: false
            }

        }]

---

我想要的是更简洁的解决方案，我只能使用1个系列，并对Highchart使用一些控件，它可以将剩余部分填充到整个长度。

没有类似的功能，您可以使用，在本例中-

seriesTypes.column.prototype.drawPoints

，但这比创建无响应的第二个系列要困难得多

加载事件时，您可以添加禁用鼠标跟踪的序列，等等-因此它的行为类似于背景

  series.chart.addSeries({
    data: data,
    showInLegend: false,
    enableMouseTracking: false,
    dataLabels: {
      enabled: false
    },
    grouping: false,
    color: 'rgba(94, 143, 184, 0.5)',
    zIndex: -1
  }, false);

---

示例：

请在您的问题中添加您迄今为止尝试过的内容…@xFlowDev更新了我的问题。您可以这样尝试，将一个系列的满分定义为100%，然后从第一个系列中扣除第二个系列。你可以在这里找到小提琴的例子，谢谢。这很有帮助。