JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 300px"></div>
JavaScript
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
plotOptions: {
series: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: '#fff',
x: 0,
y: 4,
align: 'center'
}
}
},
series: [{
data: [-29.9, -71.5, 106.4]
}, {
data: [-129.2, 144.0, -176.0]
}, {
data: [135.6, -148.5, 216.4]
}, {
data: [-194.1, 95.6, -54.4]
}]
});