JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="chart" style="width: 640px; height: 420px;"></div>

JavaScript

var chart;
$(document).ready(function() {
	chart = new Highcharts.Chart({
		chart: {
			renderTo: 'chart',
			defaultSeriesType: 'bar'
		},
		credits: {
			enabled: false
		},
		exporting: {
			enabled: false
		},
		title: {
			text: null
		},
		xAxis: {
			categories: ['Category 1','Category 2','Category 3','Category 4','Category 5','Category 6','Category 7','Category 8',]
		},
		yAxis: {
			labels: {
				enabled: false
			},
			title: {
				text: null
			},
			gridLineColor: '#eeeeee'
		},
		legend: {
			reversed: true,
			itemStyle: {
				cursor: null,
				color: '#000000',
			}
		},
		tooltip: {
			formatter: function() {
				return ''+
					this.series.name +': '+ this.percentage.toFixed(0) +'%';
			}
		},
		plotOptions: {
		        series: {
		            events: {
		                legendItemClick: function(event) {
		                        return false;
		                }
		            }
		        },
			bar: {
				stacking: 'normal',
				shadow: false,
				pointPadding: 0.1,
				borderWidth: 0,
					dataLabels: {
						enabled: true,
						color: '#000000',
						formatter: function() {
							if(this.percentage.toFixed(0)>0)
								return this.percentage.toFixed(0);
							else 
								return '';
						}
					}
			}
		},
	       series: [{name: 'Serie 1',data: [112,23,39,42,34,6,0,4,],color: '#e51919'},{name: 'Serie 2',data: [1277,808,362,334,227,171,123,89,],color: '#ffd919'},{name: 'Serie 3',data: [117,2,0,17,6,0,0,0,],color: '#008000'}]
	});
});