JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

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: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    var yourLabels = ["Very Low", "Low", "Medium", "High", "Very High"];
    $('#container').highcharts({
        chart: {
            type: 'column'
        },

        xAxis: {
            categories: [
                'Jan',
                'Feb',
                'Mar',
                'Apr',
                'May',
                'Jun',
                'Jul',
                'Aug',
                'Sep',
                'Oct',
                'Nov',
                'Dec'
            ],
            crosshair: true
        },
        yAxis: {
            labels: {
            formatter: function() {
                return yourLabels[this.value];
            }
        }
        },

        series: [{
            name: 'Tokyo',
            data: [1, 2, 4, 3]

        }, {
            name: 'New York',
            data: [2, 2, 3, 4]

        }]
    });
});