JSFiddle - React, Tailwind, and code Playground

by Harmonix Motion

HTML

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
</head>

<body>
<canvas id="myChart"></canvas>
<script>
var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
      type: 'bar',
      data: {
        labels: ['t'],
        datasets: [{
          label: 'Number of missed reports',
          data: ['8'],
          backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"]
        }]
      },
      options: {
      legend: { display: false },
        scales: {
          yAxes: [{
            ticks: {
              beginAtZero: true
            }
          }]
        }
      }
    });
</script>

</body>