JSFiddle - React, Tailwind, and code Playground
HTML
<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: 'column'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr']
},
yAxis: {
stackLabels: {
enabled: true,
formatter: function(){
return 1;
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2]
},{
data: [144.0, 176.0, 135.6, 148.5]
},{
data: [216.4, 194.1, 95.6, 54.4]
}]
}, function(chart){
var series = chart.series,
axis = chart.xAxis[0],
categories = axis.categories,
cl = categories.length,
sl = series.length,
i=0, j, sum;
for (; i<cl; i++) {
for(j=0, sum=0; j<sl; j++)
sum += series[j].data[i].y
categories[i] += '<br/>' + sum.toFixed(2)
}
chart.setSize(chart.chartWidth, chart.chartHeight);
});