JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;">
</div>

JavaScript

var dataPointsArray = [
  {x: new Date(2017, 10, 11),y: 15},
  {x: new Date(2017, 10, 14),y: 10},
  {x: new Date(2017, 10, 17),y: 15},
  {x: new Date(2017, 10, 20),y: 10},
  {x: new Date(2017, 10, 23),y: 13},
  {x: new Date(2017, 10, 26),y: 14},
  {x: new Date(2017, 10, 29),y: 12}
];
var chart = new CanvasJS.Chart("chartContainer",{
  title:{
    text: "Simple Date-Time Chart"
  },
  data: [
    {        
      type: "column",
      dataPoints: dataPointsArray, //array
    }
  ]
});

chart.render();