JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://npmcdn.com/chart.js@2.8.0/dist/Chart.bundle.min.js"></script>
<html>
  <body>
    <div class="myChartDiv">
      <canvas id="myChart" width="600" height="400"></canvas>
    </div>
  </body>
</html>

JavaScript

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
        data: {   
          labels: ['2019-04-10','2019-04-20','2019-05-11','2019-05-21','2019-06-12','2019-06-22'],   
          datasets: [{
            label: '#1',
            data: [
              {x:'2019-04-10', y:1},
              {x:'2019-04-20', y:2},
              {x:'2019-05-10', y:3},
              {x:'2019-05-20', y:4},
              {x:'2019-06-12', y:5},
              {x:'2019-06-22', y:6}
            ], 
            
          }]
        }
});