JSFiddle - React, Tailwind, and code Playground

by qwweee7467

HTML

<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="container2" 
    style="height: 350px; width: 1275px; margin: 0 auto">
</div>

JavaScript

/* Highcharts Schedule Calendar Sample*/

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',
        color: '#80699B'},
    {
        low: Date.UTC(2012, 0, 12),
        y: Date.UTC(2012, 0, 13, 23, 59),
        activity: 'Frame QA',
        criticalActivity: 'Frame Final',
        criticals:...