How to place x axis labels on top of horizontal ba

Question

Current Chart

Desired Chart

Does anyone know to accomplish this? I really don't want to go back to divs.

Thank you!

Answer 1

You can set the offset for x axis label by using the following options of xAxis property.

labels: {
           x : 25,
           y : -25,
           align: 'left'
        }

Working fiddle created here - http://jsfiddle.net/sherin81/dtcLn8sm/