JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<body>
    <canvas id="myChart" width="350" height="262"></canvas>
</body>

JavaScript

// Our labels along the x-axis
var labels = ["2010-12-05","2010-12-12","2010-12-19","2010-12-26","2011-01-02","2011-01-09","2011-01-16","2011-01-23","2011-01-30","2011-02-06","2011-02-13","2011-02-20","2011-02-27","2011-03-06","2011-03-13","2011-03-20","2011-03-27","2011-04-03","2011-04-10","2011-04-17","2011-04-24","2011-05-01","2011-05-08","2011-05-15","2011-05-22","2011-05-29","2011-06-05","2011-06-12","2011-06-19","2011-06-26","2011-07-03","2011-07-10","2011-07-17","2011-07-24","2011-07-31","2011-08-07","2011-08-14","2011-08-21","2011-08-28","2011-09-04","2011-09-11","2011-09-18","2011-09-25","2011-10-02","2011-10-09","2011-10-16","2011-10-23","2011-10-30","2011-11-06","2011-11-13","2011-11-20","2011-11-27","TODAY"];
// For drawing the lines
var values = [1787.57,2356.32,5668.82,7419.76,7419.76,7532.41,32074.49,33127.96,35142.32,39086.41,43848.11,44465.84,46003.61,47890.39,49813.52,52986.6,53730.23,56123.75,56862.65,61896.421,87000.001,90172.931,94526.151,98274.611,102286.031,104359.991,105886.541,108067.971,109108.791,115158.081,117499.241,119847.881,122969.101,124348.851,126634.411,129420.761,130159.731,134360.481,135720.931,138115.081,139840.271,144652.981,147547.971,153095.261,157486.971,161429.331,162403.351,166880.681,170327.631,0.0,0.0,0.0,0.0];

function addCommas(nStr) {
  nStr += '';
  var x = nStr.split('.');
  var x1 = x[0];
  var x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1)) {
      x1 = x1.replace(rgx, '$1' + ',' + '$2');
  }
  return x1 + x2;
}

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  options: {
    legend: {
      display: false
    },
    elements: {
      point: {
        radius: 0
      }
    },
    scales: {
      xAxes: [{
        gridLines: {
          display: false,
          drawBorder: true
        },
        ticks: {
          autoSkip: true,
          maxTicksLimit: 1
        }
      }],
      yAxes: [{
        gridLines: {
          display: true,
   ...