JSFiddle - React, Tailwind, and code Playground

by jeffgw

HTML

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column',
        zoomType: 'x'
    },
    title: {
        text: 'Program Level Matric Demo'
    },
    credits: {
    	enabled: false
    },
    xAxis: {
        type:'category'
    },
    yAxis: {
        min: 0,
        title: {
            text: null
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y}</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            stacking:null
        }
    },
    series: [{"name":"LCSW","data":[["EBH",0],["Multi-D",0],["TBH",7],["CAFBHS CHAD",77],["CAFBHS ADFM",67],["CAFBHS SBBH",64],["PHIOP",33],["AMIOP",73],["IBH",25],["RTF",0],["TBI",8],["GME",23],["IBHC",0],["FAP",257],["SUDCC",336],["Admin",0],["Connect Care",0],["USAREC",1]]},{"name":"Psychiatry \/ PNP","data":[["EBH",101],["Multi-D",82],["TBH",15],["CAFBHS CHAD",52],["CAFBHS ADFM",23],["CAFBHS SBBH",0],["PHIOP",0],["AMIOP",10],["IBH",30],["RTF",6],["TBI",4],["GME",8],["IBHC",0],["FAP",0],["SUDCC",0],["Admin",0],["Connect Care",0],["USAREC",0]]},{"name":"Psychology","data":[["EBH",0],["Multi-D",0],["TBH",30],["CAFBHS CHAD",59],["CAFBHS ADFM",30],["CAFBHS SBBH",16],["PHIOP",52],["AMIOP",0],["IBH",0],["RTF",0],["TBI",25],["GME",22],["IBHC",0],["FAP",0],["SUDCC",0],["Admin",0],["Connect Care",0],["USAREC",1]]},{"name":"Psychology \/ LCSW","data":[["EBH",448],["Multi-D",204],["TBH",0],["CAFBHS CHAD",0],["CAFBHS ADFM",0],["CAFBHS SBBH",0],["PHIOP",0],["AMIOP",0],["IBH",0],["RTF",14],["TBI",0],["GME",0],["IBHC",125],["FAP",0],["SUDCC",0],["Admin",46],["Connect Care",0],["USAREC",0]]},{"name":"Support Staff","data":[["EBH",378],["Multi-D",200],["TBH",24],["CAFBHS CHAD",126],["CAFBHS ADFM",83],["CAFBHS...