JSFiddle - React, Tailwind, and code Playground

by kannankeril

HTML

<div id="container2" style="height: 400px"></div>
<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>

JavaScript

$(function () {
    var _series = [{
        data: [{
            low: Date.UTC(2012, 0, 4),
            y: Date.UTC(2012, 0, 5, 23, 59),
            activity: 'HVAC Rough',
            criticalActivity: 'Roof Labor',
            criticals: '52300 60000        ',
            phase: 'Mechanicals',
            vendor: 'Electric Heat & Air',
            color: '#80699B'
        }, {
            low: Date.UTC(2012, 0, 4),
            y: Date.UTC(2012, 0, 5, 23, 59),
            activity: 'Electric Rough',
            criticalActivity: 'HVAC Rough',
            criticals: '60200         ',
            phase: 'Mechanicals',
            vendor: 'Electric Heat & Air',
            color: '#80699B'
        }, {
            low: Date.UTC(2012, 0, 6),
            y: Date.UTC(2012, 0, 6, 23, 59),
            activity: 'Plumbing Topout Inspect',
            criticalActivity: 'Plumbing Topout',
            criticals: '51800         ',
            phase: 'Rough Frame',
            vendor: 'City of Sandusky',
            color: '#89A54E'
        }, {
            low: Date.UTC(2012, 0, 9),
            y: Date.UTC(2012, 0, 9, 23, 59),
            activity: 'Frame Final',
            criticalActivity: 'Electric Rough',
            criticals: '60300 60400 60600       ',
            phase: 'Mechanicals',
            vendor: 'Joji Kentaro DBA',
            color: '#80699B'
        }, {
            low: Date.UTC(2012, 0, 10),
            y: Date.UTC(2012, 0, 10, 23, 59),
            activity: 'Clean Frame',
            criticalActivity: 'Frame Final',
            criticals: '60700         ',
            phase: 'Mechanicals',
            vendor: 'Bill Bellamy',
            color: '#80699B'
        }, {
            low: Date.UTC(2012, 0, 10),
            y: Date.UTC(2012, 0, 11, 23, 59),
            activity: 'Inspect Frame',
            criticalActivity: 'Frame Final',
            criticals: '60700         ',
            phase: 'Mechanicals',
            vendor: 'City of Sandusky',
     ...