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 dataPoints = [];
var dataCsv =  '1577996579000;70\n1577996679000;55\n1577996779000;50\n1577996879000;65\n1577996979000;80';

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    exportEnabled: true,
    title:{
        text: "Title"
    },
    axisY: {
        title: "Value",
        includeZero: false
    },

    axisX:{
    	//valueFormatString: "D-MMM-YY hh:mm TT"
    },

    data: [{    
        type: "stepArea",
        //toolTipContent: "{y} value",
        xValueType: "dateTime",
        xValueFormatString: "DD MMM hh:mm TT",
        dataPoints: dataPoints

    }]
});

//$.get("value.csv", getDataPointsFromCSV);

 function getDataPointsFromCSV(csv) {
    var csvLines  = []
    var points = [];
    csvLines = csv.split(/[\r?\n|\r|\n]+/);
    for (var i = 0; i < csvLines.length; i++) {
        if (csvLines[i].length > 0) {
            points = csvLines[i].split(";");
            dataPoints.push({ x: new Date(parseFloat(points[0])), y: parseFloat(points[1])
            });
        }
    }
    console.log(dataPoints)
    chart.render();
}

 getDataPointsFromCSV(dataCsv);