JSFiddle - React, Tailwind, and code Playground

HTML

<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  </head>  
<div>
  <canvas id="myGraph"></canvas>
</div>
</html>

JavaScript

const labels = [
        'Dec 25 00:00', 'Dec 25 01:00', 'Dec 25 02:00', 'Dec 25 03:00', 'Dec 25 04:00', 'Dec 25 05:00', 'Dec 25 06:00', 'Dec 25 07:00', 'Dec 25 08:00', 'Dec 25 09:00', 'Dec 25 10:00', 'Dec 25 11:00', 'Dec 25 12:00', 'Dec 25 13:00', 'Dec 25 14:00', 'Dec 25 15:00', 'Dec 25 16:00', 'Dec 25 17:00', 'Dec 25 18:00', 'Dec 25 19:00', 'Dec 25 20:00', 'Dec 25 21:00', 'Dec 25 22:00', 'Dec 25 23:00',
        'Dec 28 00:00', 'Dec 28 01:00', 'Dec 28 02:00', 'Dec 28 03:00', 'Dec 28 04:00', 'Dec 28 05:00', 'Dec 28 06:00', 'Dec 28 07:00', 'Dec 28 08:00', 'Dec 28 09:00', 'Dec 28 10:00', 'Dec 28 11:00', 'Dec 28 12:00', 'Dec 28 13:00', 'Dec 28 14:00', 'Dec 28 15:00', 'Dec 28 16:00', 'Dec 28 17:00', 'Dec 28 18:00', 'Dec 28 19:00', 'Dec 28 20:00', 'Dec 28 21:00', 'Dec 28 22:00', 'Dec 28 23:00',
    ];

    const dataPoints = [
            '0.272', '0.067', '0.265', '0.538', '0.138', '0.090', '0.594', '0.823', '0.666', '0.689', '0.996', '0.268', '0.944', '0.224', '0.305', '0.109', '0.649', '0.155', '0.659', '0.974', '0.840', '0.409', '0.007', '0.141',
        '0.272', '0.067', '0.265', '0.538', '0.138', '0.090', '0.594', '0.823', '0.666', '0.689', '0.996', '0.268', '0.944', '0.224', '0.305', '0.109', '0.649', '0.155', '0.659', '0.974', '0.840', '0.409', '0.007', '0.141',
        ];

    const data = {
        datasets: [{
          backgroundColor: 'black',
          borderColor: '#2d84b4',
          borderWidth: 2,
           fill: false,
            pointBorderColor: 'rgba(0, 0, 0, 0)',
            pointBackgroundColor: 'rgba(0, 0, 0, 0)',
            pointHoverBackgroundColor: 'rgba(0,0,0,0)',
            pointHoverBackgroundWidth: 5,
            pointHoverBorderColor: 'rgba(45, 132, 180, 0.5)',
            pointHoverBorderWidth: 4,
            pointStyle: 'circle',
            pointHoverRadius: 5.5,
            data: dataPoints,
        }],
            labels: labels,
    };

    const config = {
        type: 'line',
        data: data,
        options: {
        ...