JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(function () {
Highcharts.setOptions({
	global: {
		useUTC: false
	}
});
    $('#container').highcharts({
    
        "chart": {
            "zoomType": "xy"
        },
        "scrollbar": {
            "enabled": true
        },
        "xAxis": {
            categories : [12,456,123,45,56],
            max : 2
            
        },
        "series": [{
            "type": "column",
            "data": [12,34,56,67,78]
        }]
    });
});