JSFiddle - React, Tailwind, and code Playground

by vasagi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'spline'
        },
        title: {
            text: ['Multiple Y-Axis Titles'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        yAxis: {
            lineWidth: 1,
            tickWidth: 1,
            min: -100,
            max: 100,
            title: {
                align: 'high',
                text: 'Rainfall (mm)',
            },
            title: {
                align: 'low',
                text: 'TEST',
            }
        },

        series: [{
            data: [0, 20, 50, 45, 40, 10, -30, -60, -75, -80, -95, -100]
        }]

    });
});