JSFiddle - React, Tailwind, and code Playground

by itsjustcarlos

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="sis_games" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('sis_games', {
    chart: {
	type: 'column'
    },
    title: {
	text: 'New vs Solves'
    },

    plotOptions: {
        column: {
            stacking: 'normal'
        }
    },
    xAxis: {
	categories: ['06/27/2017 Tuesday','06/28/2017 Wednesday','06/29/2017 Thursday','06/30/2017 Friday','07/01/2017 Saturday','07/02/2017 Sunday','07/03/2017 Monday','07/04/2017 Tuesday','07/05/2017 Wednesday','07/06/2017 Thursday','07/07/2017 Friday','07/08/2017 Saturday','07/09/2017 Sunday','07/10/2017 Monday','07/11/2017 Tuesday']
    },
    credits: {
	enabled: false
    },
    series: [{ 
                     name: 'seconds',
                     type: 'column', 
                     data: [149,3825,7025,6083,4696,3033,4137,4105,3301,3382,3829,3765,2427,2440,3186],
                     stack: 'vacataion'
},{ 
                     name: 'streets',
                     type: 'column', 
                     data: [-149,-3589,-6516,-5591,-4172,-2770,-3896,-3757,-3255,-2864,-3689,-3767,-2634,-2874,-3568],
                     stack: 'vacataion'
},{ 
                     name: 'sis',
                     type:'spline', 
                     data: [0,236,509,492,524,263,241,348,46,518,140,-2,-207,-434,-382],
                     stack: 'vacataion'
},{ 
                     name: 'seconds',
                     type: 'column', 
                     data: [3488,3665,3706,3155,2837,2682,2920,3048,2781,2843,2914,2956,2625,3231,2536],
                     stack: 'home'
},{ 
                     name: 'streets',
                     type: 'column', 
                     data: [-4039,-4098,-3869,-4916,-4405,-3213,-3181,-3264,-3528,-2465,-3363,-4056,-2907,-3338,-3241],
                     stack: 'home'
},{ 
                     name: 'sis',
                     type:'spline', 
                     data: [-551,-433,-163,-1761,-1568,-531,-261,-216,-747,378,-449,-1100,-282,-107,-705],
                     stack: 'home'
},{ 
                     name: 'seconds',
           ...