JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/4.1.9/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="width: 500px; height: 400px; margin: 0 auto"></div>
JavaScript
var resizeColumns = function (chart) {
$.each(chart.series, function (i, p) {
$.each(p.data, function (j, ob) {
ob.graphic.attr({
'y': ob.graphic.element.y.animVal.value + ob.graphic.strokeWidth / 2,
'height': ob.graphic.element.height.animVal.value - ob.graphic.strokeWidth
});
});
});
};
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
yAxis: {
min: -3
},
series: [{
name: '5px Border',
data: [2, 4, -2],
borderColor: 'black',
borderWidth: 20
}]
}, function (chart) {
resizeColumns(chart);
});
});