JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

window.onload = function () {
  var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    exportEnabled: true,
    title: {
      text: "Summary of FullBranch"
    },
    axisX: {
      minimum: new Date(2019,00,28),
      maximum: new Date(2019,01,05),
      valueFormatString: "mmdd"
    },
    axisY: {
      title: "",
      titleFontColor: "#4F81BC",
      suffix: ""
    },
    data: [{
      indexLabelFontColor: "#5A5757",
      indexLabel: "{y}",
      name: "views",
      type: "area",
      yValueFormatString: "#",
      dataPoints: [
        { x: new Date(2019,00,28), y: 10, label: "01-28", indexLabel: "", },
        { x: new Date(2019,00,29), y: 20, label: "01-29", indexLabel: "", },
        { x: new Date(2019,00,30), y: 30, label: "01-30", indexLabel: "", },
        { x: new Date(2019,00,31), y: 40, label: "01-31", indexLabel: "", },
        { x: new Date(2019,01,01), y: 50, label: "02-01", indexLabel: "", },
        { x: new Date(2019,01,02), y: 60, label: "02-02", indexLabel: "", },
        { x: new Date(2019,01,03), y: 70, label: "02-03", indexLabel: "", },
        { x: new Date(2019,01,04), y: 80, label: "02-04", indexLabel: "", },
        { x: new Date(2019,01,05), y: 90, label: "02-05", indexLabel: "", },
      ]
    }]
  });
  chart.render();
}