JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="heartrate" style="height: 360px; width: 100%;"></div>

JavaScript

var chart1 = new CanvasJS.Chart("heartrate", {

      title:{
        text: "HEART RATE"              
      },
      axisX: {
        gridThickness: 1,
        interval:5,
        valueFormatString: "H:mm:ss",
        intervalType: "minute",
      },
      axisY:{
        title: "bpm",
        includeZero: false
      },
      data: [
      {
        type: "spline",
        xValueType: "dateTime",
        valueFormatString: "H:mm:ss",
        indexLabelFontColor: "orangered", 

        dataPoints: [
          
{ x: new Date(0), y: 131.8},
{ x: new Date(1000), y: 131.9},
{ x: new Date(2000), y: 132},
{ x: new Date(3000), y: 132},
{ x: new Date(4000), y: 132},
{ x: new Date(5000), y: 132.1},
{ x: new Date(6000), y: 132.2},
{ x: new Date(7000), y: 132.2},
{ x: new Date(8000), y: 132.3},
{ x: new Date(9000), y: 132.4},
{ x: new Date(10000), y: 132.5},
{ x: new Date(11000), y: 132.6},
{ x: new Date(12000), y: 132.6},
{ x: new Date(13000), y: 132.7},
{ x: new Date(14000), y: 132.8},
{ x: new Date(15000), y: 132.9},
{ x: new Date(16000), y: 133},
{ x: new Date(17000), y: 133.1},
{ x: new Date(18000), y: 133.1},
{ x: new Date(19000), y: 133.2},
{ x: new Date(20000), y: 133.3},
{ x: new Date(21000), y: 133.3},
{ x: new Date(22000), y: 133.4},
{ x: new Date(23000), y: 133.4},
{ x: new Date(24000), y: 133.5},
{ x: new Date(25000), y: 133.5},
{ x: new Date(26000), y: 133.6},
{ x: new Date(27000), y: 133.6},
{ x: new Date(28000), y: 133.7},
{ x: new Date(29000), y: 133.7},
{ x: new Date(30000), y: 133.8},
{ x: new Date(31000), y: 133.8},
{ x: new Date(32000), y: 133.8},
{ x: new Date(33000), y: 133.9},
{ x: new Date(34000), y: 133.9},
{ x: new Date(35000), y: 133.9},
{ x: new Date(36000), y: 134},
{ x: new Date(37000), y: 134},
{ x: new Date(38000), y: 134},
{ x: new Date(39000), y: 134.1},
{ x: new Date(40000), y: 134.1},
{ x: new Date(41000), y: 134.1},
{ x: new Date(42000), y: 134.2},
{ x: new Date(43000), y: 134.2},
{ x: new Date(44000), y: 134.2},
{ x: new Date(45000),...