JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="udsGraphDiv" style="width: 500px; height: 400px; margin: 0 auto"></div>

JavaScript

var udsChart; //global UDS chart variable
/*function requestData() {
    $.ajax({
        url: 'getJsonData.aspx?ID=udsLevel1',
        success: function (point) {
            udsChart.series[0].setData(point, true);
            setTimeout(requestData, 1000);                
        },
        cache: false
    });
}
name":"Other","dates":"2017-12-09","type":"Miss","count":"1"*/
var data = [["01/22/2016",108],["01/24/2016",45],["01/25/2016",261],["01/26/2016",224],["01/27/2016",307],["01/28/2016",64]];
var cat = [];
data.forEach(function(item) {
  cat.push(item[0]);
});
udsChart = new Highcharts.Chart({
    chart: {
        renderTo: 'udsGraphDiv',
        defaultSeriesType: 'column',
        events: {
            //load: requestData
        }
    },
    title: {
        text: ' random data'
    },
    xAxis: {
        text: 'xAxis',
        categories: cat
    },
    yAxis: {
        text: 'yAxis'
    },
    series: [{
        name: 'Random data',
        data: data 
    }]
});