JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container"></div>
JavaScript
Highcharts.chart('container', {
exporting: {
chartOptions: {
legend:{
enabled: false,
},
plotOptions: {
series: {
stacking: 'normal',
dataLabels: {
inside: true,
enabled: true,
style:{
fontSize: '5px',
textOutline: 'none'
},
formatter: function() {
return Highcharts.numberFormat(this.y, 1)
}
}
}
}
}
},
chart:{
type: 'bar'
},
title: {
text: 'Highcharts'
},
legend:{
enabled: false,
},
plotOptions: {
series: {
stacking: 'normal',
dataLabels: {
enabled:true,
}
},
},
series: [
{name: 'one',
data:[ 5.24957, -1.636452, 5.511623, -5.797109, 6.975687, 4.622862, 2.902466, 3.992426, -0.270407, 3.184849,12.249839]
},
{name: 'two',
data: [ -1.311533, 2.508312, .97956, -1.725764, 5.177992, 2.1262, 5.41721, 53.811967, 4.060668, -1.317636, 13.763589]
}]
})