JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    	
	window.chart = new Highcharts.Chart({
	
	    chart: {
	        renderTo: 'container',
	        type: 'columnrange',
	        inverted: true
	    },
	    
	    legend: {
	        enabled: false
	    },
	
	    series: [{
	        name: 'Data',
	        data: [{ 
                x: 1,
                y: [7,8],
                color: "red"
            },{
                x: 2,
                y: [6,7],
                color: "blue"
            }]
	    }]
	
	});
    
});