JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    
     var arylist = '[{ "name": " ", "time_duration": " 01:50:55.000000 ", "st_time_am_pm": " am", "ed_time_am_pm": " pm", "intervals": [{ "from": 1385888912000,"to": 1385908423000, "label": "not started", "color": "#000000"}] }, { "name": " ", "time_duration": " 00:14:51.000000 ", "st_time_am_pm": " am", "ed_time_am_pm": " pm", "intervals": [{ "from": 1385888879000,"to": 1385905880000, "label": "not started", "color": "#000000"}] }, { "name": " ", "time_duration": " 02:03:17.000000 ", "st_time_am_pm": " am", "ed_time_am_pm": " pm", "intervals": [{ "from": 1380618394000,"to": 1380635983000, "label": "not started", "color": "#000000"}] }, { "name": " ", "time_duration": " 00:15:39.000000 ", "st_time_am_pm": " am", "ed_time_am_pm": " pm", "intervals": [{ "from": 1380620861000,"to": 1380636542000, "label": "not started", "color": "#000000"}]}]';
            var tasks = jQuery.parseJSON(arylist);


            // re-structure the tasks into line seriesvar series = [];

            var series = [];
            var categories = [];

            for (var i = 0; i < tasks.length; i++) {
       if (tasks[i].st_time_am_pm == "n/a") {
                   // alert(tasks[i].st_time_am_pm);
                   $.each(tasks.reverse(), function (i, task) {
                       var item = {
                           name: task.name,
                           data: [],
                           type: 'columnrange'
                       };
                       categories.push(task.name);
                       $.each(task.intervals, function (j, interval) {
                           //console.log(i);
                           
                           
                           item.data.push({
                               x: i,
                               label: interval.label,
                               low: interval.from,
                               high: interval.to,
                               color: "blue"

                       ...