使用higcharts填充两条线之间的区域

Question

大家早上好，

我正在尝试使用highcharts填充两行之间的区域。我已经检查了类似问题的其他答案，但事实是我无法解决我的问题。我认为这是一个愚蠢的问题，但我找不到解决方案，所以我希望你能帮助我。 我有两个系列，其中一个是直线，另一个是具有变量值的线。我想填补两者之间理解的区域。为此，我使用了区域范围的系列，但结果如下所示：

但我想要的是填写此图片中的绿色区域：

为此，正如我所说，我正在使用区域范围系列作为红线和蓝线之间的数据值差异（如果红线比蓝线更好），但第一张图像就是我所拥有的。 / p>

数据集代码：

var dataRange= [];
dataBlue=JSON.parse(dataBlue);
dataRed=JSON.parse(dataRed);

for(var i=0;i<dataBlue.length;i++){
    if(dataBlue[i] < dataRed[i]){
        console.log("LOW: "+dataBlue[i]);
        console.log("HIGH: "+dataRed[i]);
        dataRange[i]=[dataBlue[i],dataRed[i]];
    }else{
        dataRange[i]=[0,0];
    }
}

我的系列代码：

 series: [{
            name: "Blue line",
            //type:'line',
            dataLabels:false,
            data: JSON.parse(dataBlue)
        },
        {
            type: 'line',
            name: 'Red Line',
            color: "#DB1818",
            dataLabels: false,
            dashStyle: 'dash',
            visible: true,
            data: JSON.parse(dataRed)
        },
        {
            type: 'arearange',
            name: 'range',
            data: dataRange,
            dataLabels: false,

        }]

提前谢谢大家。