JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var dps = [

                { x: 5, y: 0 ,budget: 0, warnings :0, label: '', y1: 20},
                { x: 15, y: 30 ,budget: 0, warnings :0, label: 'Jan', y1: 20},
                { x: 20, y: 15 ,budget: 0, warnings :0, label: '', y1: 20},
                { x: 25, y: 0, budget: 0, warnings :0 , label: '', y1: 20},

                { x: 30, y: 0,budget: 30, warnings :15 , label: '', y1: 40},
                { x: 40, y: 80 ,budget: 30, warnings :15, label: 'Feb', y1: 40},
                { x: 45, y: 40 ,budget: 30, warnings :15, label: '', y1: 40},
                { x: 50, y: 0 ,budget: 30, warnings :15, label: '', y1: 40},

                { x: 55, y: 0,budget: 30, warnings :15 , label: '', y1: 60},
                { x: 65, y: 150 ,budget: 30, warnings :15, label: 'Mar', y1: 60},
                { x: 70, y: 75 ,budget: 30, warnings :15, label: '', y1: 60},
                { x: 75, y: 0 ,budget: 30, warnings :15, label: '', y1: 60},

            ];
            
var chart = new CanvasJS.Chart("chartContainer", {
    axisY: {
        gridThickness: 0
    },
    axisX: {
        title: "",
        tickLength: 0,
        gridThickness: 0,
        margin: 0,
        lineThickness: 1,
        valueFormatString: " " //comment this to show numeric values
    },
    data: [
        {
            type: "area",
            color: "red",
            //lineColor: "black",
            linethickness: 0,
            toolTipContent: "<span style='\"'color: {color}};'\"'>{x}: {y}</span>",
            dataPoints: dps
        },

        {
            type: "stackedArea",
            markerSize: 0,
            color: "blue",
            lineThickness: 0,
            dataPoints: [],
            toolTipContent: "Where are you",

        },
        {
            type: "stackedArea",
            color: "yellow",
            markerSize: 0,
            dataPoints: [],
            lineThickness:0,
            toolTipContent: "<span style='\"'color: {color}};'\"'>{x}: {y}</span>",

       ...