Always display data labels above columns in HighCharts

Jason Butera picture Jason Butera · Jul 18, 2014 · Viewed 26k times · Source

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

HighCharts Example

Answer

Paweł Fus picture Paweł Fus · Jul 21, 2014

You need to disable crop and overflow, see: http://jsfiddle.net/NKXRk/4/

    plotOptions: {
        column: {
            dataLabels: {
                enabled: true,
                crop: false,
                overflow: 'none'
            }
        }
    },