JSFiddle - React, Tailwind, and code Playground

by sbochan

HTML

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

JavaScript

$(function () {
    var chart;
    $(document).ready(function () {

        var seriesdata = [{
            name: 'ADMINISTRACIÓN II',
            data: [null,
            null,
            null,
            7.6,
            null,
            null,
            null,
            null,
            null]
        }, {
            name: 'ESTADÍSTICA',
            data: [null,
            null,
            null,
            6.5,
            null,
            null,
            null,
            null,
            null]
        }, {
            name: 'FUNDAMENTOS DE CONTABILIDAD II',
            data: [null,
            null,
            null,
            4.1,
            null,
            null,
            null,
            null,
            null]
        }, {
            name: 'FUNDAMENTOS DEL DERECHO PRIVADO',
            data: [null,
            null,
            null,
            6.5,
            null,
            null,
            null,
            null,
            null]
        }, {
            name: 'MATEMÁTICAS FINANCIERAS II',
            data: [null,
            null,
            null,
            3.3,
            6.6,
            null,
            null,
            null,
            null]
        }, {
            name: 'MERCADOTECNIA II',
            data: [null,
            null,
            null,
            8.6,
            null,
            null,
            null,
            null,
            null]
        }, {
            name: 'TALLER DE COMPRENSIÓN LECTORA Y COMUNICACIÓN ORAL',
            data: [null,
            null,
            null,
            6.5,
            null,
            null,
            null,
            null,
            null]
        }];

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 25
            },
            title: {
                text: 'Monthly Average Temperature',
               ...