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

$.getJSON("https://api.myjson.com/bins/bs9bj", function(result) {
var dataPlots = [];
                if (result && result.length > 0) {                 
                    for (var i = 0; i < result.length; i++) {
                        var Values = result[i];
                         var index = Number(Values.Month);

                            var plot = {
                               x : new Date(Values.Year,index-1,0),     
                                y: Number(Values.TotalCalls),                               
                                name: Values.MonthLabel,
                                shortAnswer : Values.ShortAnswer,
                                displaytext: '<table><tbody><tr><td>Short Answer: </td><td>' + Values.ShortAnswer + '</td></tr>'
                                    + '<tr><td>Total Calls: </td><td>' + Values.TotalCalls + '</td></tr>'
                                    + '<tr><td>Month: </td><td>' + Values.MonthLabel + '</td></tr></tbody></table>'

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