javascript - HighCharts - Need more space between bottom of chart and Xaxis labels - Stack Overflow

admin管理员组

文章数量:1023764

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

Share Improve this question Follow asked Mar 2, 2013 at 17:12 DanielCWDanielCW 14911 silver badge1414 bronze badges 1

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

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

Share Improve this question Follow asked Mar 2, 2013 at 17:12 DanielCWDanielCW 14911 silver badge1414 bronze badges 1

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

本文标签： javascriptHighChartsNeed more space between bottom of chart and Xaxis labelsStack Overflow