Remove Border and Margin around iOS Charts in Swift

Question

I am using iOS Charts with Swift 3, and I can't figure out how to do a couple things:

I want to remove the margin around the chart. I know the chart goes edge-to-edge in my UI because if I change the chart's background color, it goes all the way to the edge. How do I remove the gap indicated by the red arrows below?
How do I remove the border around the whole graph (note the black arrow)? I already have totalsGraph.drawBordersEnabled = false and it doesn't work. Is there a different option for that?

Thank you!

Y.Bi · Accepted Answer · 2016-12-20T12:56:14.787

38

It is minOffset.

/** Sets the minimum offset (padding) around the chart, defaults to 10 */

You can change it as this:

chartView.minOffset = 0

edited Dec 20 '16 at 12:56

answered Dec 20 '16 at 11:55

Y.Bi

657
6
11

That was it. Thank you! – Clifton Labrum Feb 03 '17 at 07:14
Unfortunately, setting the minOffset to zero will cause numbers on the right axis to be clipped. – Womble Feb 17 '20 at 22:42
1

Thank you so much!!! I've been searching for this stupid offset for almost half an hour. – Weslie Apr 03 '20 at 13:41

score 9 · Answer 2 · answered Nov 11 '16 at 21:04

that line is actually axis line.

To hide the all the lines, you can use

    totalsGraph.rightAxis.enabled = false
    totalsGraph.legend.enabled = false
    totalsGraph.leftAxis.enabled = false
    totalsGraph.xAxis.labelPosition = .bottom
    totalsGraph.xAxis.drawGridLinesEnabled = false
    totalsGraph.xAxis.drawAxisLineEnabled = false

I am looking for solution to remove margins as well. I will update my answer when I find it.

score 1 · Answer 3 · answered Jul 29 '17 at 00:37

1

Actually the way to do it is like this:

chartView.xAxis.enabled = false
chartView.leftAxis.enabled = false
chartView.rightAxis.enabled = false
chartView.drawBordersEnabled = false
chartView.minOffset = 0

answered Jul 29 '17 at 00:37

Roy K

3,319
2
27
43

Remove Border and Margin around iOS Charts in Swift

3 Answers3

Linked