JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="ganttChart"></div>

JavaScript

var partNumber="2724070125R Planned,2724070125RActual,5511822432R Planned,5511822432RActual,2698822458R Planned,2698822458RActual,2698822440R Planned,2698822440RActual,2534410150R Planned,2534410150RActual,350558048203 Planned,350558048203Actual,63700000270 Planned,63700000270Actual,2323233121 Planned,2323233121Actual,213213213 Planned,213213213Actual,04938943 Planned,04938943Actual,12460501707 Planned,12460501707Actual";
        var partNum = partNumber.split(",");
var ganttData = [
[[Date.UTC(2013,11-1,07),1], [Date.UTC(2013,11-1,29),1], [Date.UTC(2013,11-1,30),1]],
[[Date.UTC(2013,11-1,20),1.25],[Date.UTC(2013,11-1,21),1.25],[Date.UTC(2013,12-1,21),1.25]],               ...