rotated datalabels bottom
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Data labels box options'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
dataLabels: {
rotation: 270,
inside: false,
enabled: true
}
}
},
series: [{
data: [{
name: 'Point 1',
y: 10,
dataLabels: {y: 100}
}, {
name: 'Point 2',
y: 15,
dataLabels: {y: 165}
}]
}]
});
});