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="DrugUtilizationChart" style="height:420px;max-height:405px; margin-left:15px; width: 95%;text-align:center;">No data available.</div>

JavaScript 1.7

$.getJSON("https://api.myjson.com/bins/iks8t", function(result) {  
   var dataPlots = [];
                if (result && result.length > 0) {                    
                    for (var i = 0; i < result.length; i++) {
                        var Values = result[i];
                        $.each(Values, function (index, item) {
                            var plot = {
                                y: item.TotalCalls,
                                x : new Date(item.Year,i,0),                          
                                name: item.MonthLabel,
                                shortAnswer : item.ShortAnswer,
                                displaytext: '<table><tbody><tr><td>Short Answer: </td><td>' + item.ShortAnswer + '</td></tr>'
                                    + '<tr><td>Total Calls: </td><td>' + item.TotalCalls + '</td></tr>'
                                    + '<tr><td>Month: </td><td>' + item.MonthLabel + '</td></tr></tbody></table>'

                            };                           
                            if (i == 0) {
                                dataPlots.push({
                                    type: "stackedColumn", 
                                    showInLegend: item.ShortAnswer ? true : false,
                                    legendText: "{shortAnswer}",
                                    indexLabelFontFamily: 'Helvetica',
                                    indexLabelFontSize: 14,
                                    //name:"{shortAnswer}",
                                    toolTipContent: "{displaytext}",
                                    dataPoints: [plot],
                                    click: function (e) {
                                        GetDrugUtilizationChartDetailReport(e.dataPoint.shortAnswer);
                                    }
                                });
                            } 
                            else                            
                 ...