How to place x axis labels on top of horizontal bar chart

Question

Current Chart

Desired Chart

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

Thank you!

did you workout any thing? can you show anything you have tried to achieve what you desired? — Strikers, Jun 04 '15 at 05:19
Disable labels on xAxis, then set [pointPadding](http://api.highcharts.com/highcharts#plotOptions.bar.pointPadding) / [groupPadding](http://api.highcharts.com/highcharts#plotOptions.bar.groupPadding) and use [datalabels formatter](http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.formatter) or [renderer](http://api.highcharts.com/highcharts#Renderer) — Sebastian Bochan, Jun 04 '15 at 09:29
Thanks @SebastianBochan! you gave me the right direction, it worked beautifully with data labels! — Gustavo Matias, Jun 06 '15 at 14:11

score 2 · Accepted Answer · answered Jun 05 '15 at 09:16

2

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

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

answered Jun 05 '15 at 09:16

Sherin Mathew

1

It's a good option to use but it won't work with every graph as we give fixed positon to y. – RAVI PATEL Oct 14 '19 at 10:33

1 Answers1