How can I set the HighCharts options to ensure that column graphs are always rendered where the data label is always on top of the column? Attached is an example where one of my labels is forced below.
I've tried many combination in dataLabels with no luck:
plotOptions: {
column: {
dataLabels: {
enabled: true
}
}
}
JSFiddle: Here
Right-click the data series or data label to display more data for, and then click Format Data Labels. Click Label Options and under Label Contains, pick the options you want.
You need to disable crop and overflow, see: http://jsfiddle.net/NKXRk/4/
plotOptions: { column: { dataLabels: { enabled: true, crop: false, overflow: 'none' } } },
This seems to be easier:
dataLabels: {
enabled: true,
inside: false,
...
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With