JSFiddle - React, Tailwind, and code Playground

by mabaes

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type:'column'
        },
        xAxis: {
            startOnTick: true,
            min: 0,
            step: 2,
            max: 5,
            startOnTick: true,
            endOnTick: true,
            tickInterval: 1
        },
        
        plotOptions: {
                column: {
                    //stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                    },
				    pointPadding: 0,
                    borderWidth: 1,              
					groupPadding: 0
                }
            },
        
        series: [{
            data: [[1,1], [2,2], [3,3], [4,4], [5,5]]
        }]
    });
});