JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  animationEnabled: true,
  title: {
    text: "Lodgments – Monthly Stats"
  },
  axisX: {
    valueFormatString: "DD MMM,YY"
  },
  axisY: {
    title: "Lodgments",
    includeZero: false,
    suffix: ""
  },
  legend: {
    cursor: "pointer",
    fontSize: 16,
    itemclick: toggleDataSeries
  },
  toolTip: {
    shared: true
  },
  data: [{
      name: "BP",
      type: "spline",
      yValueFormatString: "#,###,###",
      showInLegend: true,
      dataPoints: [{
          x: new Date(2018, 1, 1),
          y: 2127
        },
        {
          x: new Date(2018, 1, 2),
          y: 1745
        },
        {
          x: new Date(2018, 1, 3),
          y: 641
        },
        {
          x: new Date(2018, 1, 4),
          y: 904
        },
        {
          x: new Date(2018, 1, 5),
          y: 2425
        },
        {
          x: new Date(2018, 1, 6),
          y: 2876
        },
        {
          x: new Date(2018, 1, 7),
          y: 2933
        },
        {
          x: new Date(2018, 1, 8),
          y: 2467
        },
        {
          x: new Date(2018, 1, 9),
          y: 2250
        },
        {
          x: new Date(2018, 1, 10),
          y: 928
        },
        {
          x: new Date(2018, 1, 11),
          y: 1116
        },
        {
          x: new Date(2018, 1, 12),
          y: 2869
        },
        {
          x: new Date(2018, 1, 13),
          y: 2838
        },
        {
          x: new Date(2018, 1, 14),
          y: 3039
        },
        {
          x: new Date(2018, 1, 15),
          y: 3044
        },
        {
          x: new Date(2018, 1, 16),
          y: 3082
        },
        {
          x: new Date(2018, 1, 17),
          y: 1014
        },
        {
          x: new Date(2018, 1, 18),
          y: 1270
        },
        {
          x: new Date(2018, 1, 19),
          y: 4383
        },
        {
          x: new Date(2018, 1, 20),
          y: 5364
       ...