Align left multi category xaxis highchart

Question

Image 1

Image 2

I want to align left the label but when i do this, the label a stack on other like Image 2.

Please help me

Answer 1

You can also set useHTML as true, use formatter for labels and then use CSS styles.

http://api.highcharts.com/highcharts#xAxis.labels.useHTML http://api.highcharts.com/highcharts#xAxis.labels.formatter

EDIT:

http://jsfiddle.net/2QREQ/3/

xAxis: {

            labels: {
                //align: 'center'
                useHTML:true,
                formatter:function(){

                    return '<div class="label">'+this.value+'</div>';
                }
            }
        },

CSS

.label {
text-align:left;
width:60px;

}