JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="Chart" style="height:420px;max-height:405px; margin-left:15px; width: 95%;text-align:center;">No data available.</div>

JavaScript 1.7

var dataSeries = [];
CanvasJS.addColorSet("colorShades", [
  "#3393FF",
  "#F15A26",
  "#597FAD",
  "#7B858F",
  "#0071BC",
  "#29ABE2",
  "#00D075",
  "#009245",
  "#ED1E79",
  "#EA86B6",
  "#93278F",
  "#DD86E0",
  "#F15A24"
]);

var chart = new CanvasJS.Chart("Chart", {
  colorSet: "colorShades",
  animationEnabled: true,
  height: 400, //in pixels
  legend: {
    fontFamily: 'Calibri',
    fontSize: 14                            
  },
  axisX:{
    title: "MONTH",
    labelFontSize: 14,
    titleFontSize: 14,
    labelFontFamily: 'calibri',
    titleFontFamily: 'calibri',                            
    //interval: 1,
    //intervalType: "month",
    labelAngle: 0,
    minimum: new Date(2018, 11, 15),
    maximum: new Date(2019, 11, 15)
  },
  axisY: {
    title: "# Of PROBLEMS",
    labelFontSize: 14,
    titleFontSize: 14,
    labelFontFamily: 'calibri',
    titleFontFamily: 'calibri'
  },
  toolTip: {
    shared: true
  },
  dataPointWidth: 30,
  data: dataSeries
});

$.when(
  $.getJSON("https://api.myjson.com/bins/bs9bj", function(result) { 
    if(result && result.length > 0) {
      var dps1 = [], dps2 = [], dps3 = [], dps4 = [];
      for(var i = 0; i < result.length; i++) {
        switch(result[i].ShortAnswer) {
          case 'Drug-Drug Interaction Minor': 
            dps2.push({
              x: new Date(result[i].Year,Number(result[i].Month)-1,0),
              y: Number(result[i].TotalCalls),
              name: result[i].MonthLabel,
              shortAnswer : result[i].ShortAnswer,
              displaytext: '<table><tbody><tr><td>Short Answer: </td><td>' + result[i].ShortAnswer + '</td></tr>' + '<tr><td>Total Calls: </td><td>' + result[i].TotalCalls + '</td></tr>' + '<tr><td>Month: </td><td>' + result[i].MonthLabel + '</td></tr></tbody></table>'
            });
            break;

          case 'Drug-Drug Interaction Moderate':
            dps3.push({
              x: new Date(result[i].Year,Number(result[i].Month)-1,0),
              y:...