JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

<div id="container_good" style="width:500px;height: 300px"></div>

<div id="container_bad" style="width:500px;height: 400px"></div>

JavaScript

var chartValues =  [-5,-4,-3,0,2,4,5];
        var chart = new Highcharts.Chart({
            chart: {
                //SET THIS TO 'container_good' || 'container_bad'
                renderTo: 'container_good',
                type: 'area'

            },


            series: [{
                type:'area',
                data:chartValues,
                color: "#FF0000",
                threshold: 0,
		        negativeColor: '#00FFFF',
                
                marker : {
                    enabled: true
                }
            }]
        });