JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="//www.amcharts.com/lib/4/core.js"></script>
<script src="//www.amcharts.com/lib/4/charts.js"></script>
<div class="container-fluid">
    <div id="chart"></div>
</div>

CSS

#chart {
    height: 80vh;
}

JavaScript

function randomData() {
	let currDate = $.now(),
    	count = 7,
        result = [];
            
    for (let i = count; i > 0; i--) {
    	result.push({
        	timestamp: currDate - ((i - 1) * 86400000),
            count: Math.floor(Math.random() * 300)
        });
    }
    
    return result;
}

let chart = am4core.createFromConfig({
	fontSize: 12,
    paddingRight: 0,
    paddingLeft: 0,
    paddingTop: 20,
	data: randomData(),
	series: [{
    	type: "LineSeries",
    	dataFields: {
        	dateX: "timestamp",
            valueY: "count"
        },
        stroke: "#eb4741",
        strokeWidth: 2,
        fill: "#eb4741",
        fillOpacity: 0.1,
        tensionX: 0.8,
        tooltipText: "Total: {valueY}",
        tooltip: {
        	/*
        	pointerOrientation: "vertical",
            textAlign: "middle",
            textVAlign: "middle", */
        	fontSize: 12,
        	background: {
            	pointerLength: 0,
                strokeOpacity: 0,
                fillOpacity: 1
            }
        },
        bullets: [{
        	type: "CircleBullet",
            circle: {
            	radius: 4,
                fill: "#fff",
                strokeWidth: 2
            }
        }]
    }],
    xAxes: [{
    	type: "DateAxis",
        renderer: {
        	grid: {
            	disabled: true
            },
            minGridDistance: 1
        },
        tooltip: {
        	fontSize: 12,
        	background: {
            	pointerLength: 0
            }
        }
    }],
    yAxes: [{
    	type: "ValueAxis",
        tooltip: {
        	disabled: true
        },
        min: 0
    }],
    cursor: {
    	lineX: {
        	disabled: true
        },
        lineY: {
    		disabled: true
        }
    }
}, "chart", am4charts.XYChart);