JSFiddle - React, Tailwind, and code Playground

by Kathryn Atwood

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Arts and Humanities FTES 2011-2015',
            x: -20 //center
        },
        subtitle: {
            text: '',
            x: -20
        },
        xAxis: {
            categories: ['2011', '2012', '2013', '2014', '2015']
        },
        yAxis: {
            title: {
                text: 'Total FTES'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Am. Multicult. Sts.',
            data: [83.60, 105.33, 124.07, 102.07, 68.27]
        }, {
            name: 'Art History',
            data: [106.65, 81.78, 88.27, 136.07, 191.28]
        }, {
            name: 'Art Studio',
            data: [71.35, 87.73, 68.80, 79.80, 71.93]
        }, {
            name: 'Chicano & Latino Sts.',
            data: [127.33, 87.40, 126.87, 86.80, 78.07]
        }, {
            name: 'Communications Sts.',
            data: [160.47, 148.33, 142.27, 153.60, 176.73]
        }, {
            name: 'English',
            data: [483.05, 431.57, 529.90, 529.53, 551.95]
         }, {
            name: 'Foreign Language',
            data: [0, 9.07, 0, 0, 0]
         }, {
            name: 'French',
            data: [32.47, 32.00, 29.20, 31.55, 31.47]
         }, {
            name: 'German',
            data: [14.75, 32.88, 36.37, 26.93, 24.00]
         }, {
            name: 'Hebrew',
            data: [6.13, 0, 0, 0, 0]
         }, {
            name: 'Humanities',
            data: [20.60, 0, 0, 0, 0]
         }, {
            name: 'Hutchins Lib. Sts.',
            data: [254.47, 255.07, 238.53, 238.47, 237.67]
         }, {
            name:...