I am trying to get more space between my highcharts plotArea and the xAxis... nothing so far seems to be working. The picture shows how close they are and I am wanting to add about 30 more px to it.

Thank you for the help!!

I am trying to get more space between my highcharts plotArea and the xAxis... nothing so far seems to be working. The picture shows how close they are and I am wanting to add about 30 more px to it.

Thank you for the help!!

• javascript
• highcharts

• 1 Can you explain it better ? – Ricardo Lohmann Commented Mar 4, 2013 at 0:11

2 Answers 2

Assuming I unerstand your question correctly...

Here is a standard xAxis and an altered yAxis from the Highcharts documentation.

http://jsfiddle/gh/get/jquery/1.7.2/highslide-software/highcharts./tree/master/samples/highcharts/xaxis/labels-x/

Now, here is a fork of that fiddle, but with the labels of the xAxis pushed further down.

http://jsfiddle/BCPL5/

The relevant Highcharts API documentation:
http://api.highcharts./highcharts#xAxis.labels

The alteration to the xAxis is in this statement.

    ...

    xAxis: {
        labels: {
            y: 25
        }
    },

    ...

Now, you could also use offset, as can be seen in the Highcharts example below, but I don't believe that is what you want in this case.

http://jsfiddle/gh/get/jquery/1.7.2/highslide-software/highcharts./tree/master/samples/highcharts/yaxis/offset/

You can try to set min/maxPadding http://api.highcharts./highstock#yAxis.minPadding