JSFiddle - React, Tailwind, and code Playground

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 () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
        xAxis: {
            title: {
            		text: 'IDs'
            },
        		labels: {
                formatter: function() {
                		this.value;
        				}
            },
            crosshair: true
        },
        yAxis: {
            min: 0,
            max: 20,
            title: {
                text: '%'
            },
  					label : {
            		formatter: function(){
                		this.value;
                }
            },	
        },
        plotOptions: {
            series: {
            		pointWidth: 10,
                pointPadding: 0.1,
                groupPadding: 0.1,
            }
        },
        series: [{
            data: [10, 12, 13, 0.1, 0.2, 0.3, 0.4, 0.6, 1, 2, 3, 3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,2,1,23,124,1],
			

        }]
    });
});