'How to highlights area between two Lines in Highcharts?

I did spend few hours trying to find solution for my case, but all solutions which I found was from 2010 or 2011 and never really give me what I need.

I have API which I'm using to get data to front end and build a chart with 3 Lines:

series: [
        {
            name: "Exposure",
            data: yAxisExpData,
        },
        {
            name: "Max",
            data: yAxisMaxData,
        },
        {
            name: "Min",
            data: yAxisMinData,
        }

Exposure is middle line and min and max are the "borders" of datasets for each day. All data are numbers.

All I need is just to make area between Max and Min Gray. I did found some kind of solutions with Area Charts but they show only 1 data. Not 2. And its not clear at all how to use it with 2 data sets.

I'm new for Typescript and Front End overall so please let me know if you need any additional info.

Thank you,



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source