JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.6.2/jquery.mockjax.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="myfirstchart" style="height: 250px;"></div>

JavaScript

basePath ='Incidents?$orderby=created_date';
// Ajax mockup
$.mockjax({
    url: basePath ='Incidents?$orderby=created_date',
    contentType: "application/json;odata=verbose",
    responseText: {
        d: {
            results: [{
                ID: "123",
                Description: "The server y is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "blue"
            },{
                ID: "123",
                Description: "The server x is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "yellow"
            },{
                ID: "123",
                Description: "The server e is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "red"
            },{
                ID: "123",
                Description: "The server a is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "blue"
            },{
                ID: "123",
                Description: "The server b is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "red"
            },{
                ID: "123",
                Description: "The server x is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
				colorvalue: "yellow"
            },{
                ID: "123",
                Description: "The server c is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "red"
            },{
                ID: "123",
                Description: "The server xf is unavailable",
                Incident: "1234",
                created_date: "2016-10-01 07:40",
                colorvalue: "blue"
           ...