JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

let p2Color = '#f00'

Highcharts.chart('container', {
    series: [{
        data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
        zoneAxis:'x',
        zones: [{
            value: 1,
            color: '#0ff'
        }, {
            value: 2,
            color: p2Color
        },
        {
            value: 7,
            color: p2Color
        },{
            color: '#0ff'
        }]
    }]
});