Show Text on left Axis in iOS Chart

Question

I want to show line chart on my dashboard screen and everything working fine using following library: https://github.com/danielgindi/Charts

I'm using same code as following: Display three label on XAxis of chart.

Just I want to display following text on left axis of chart as following image.

I have also tried following solution, but it's make more space around label and my graph not display proper.

self.lblLeftAxisLabel.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2)

Output for above code:

How can I achieve this?

@EmreÖnder, I have added it in storyboard because of I have used auto layout. — Mayur Karmur, Mar 13 '19 at 09:27

score 1 · Answer 1 · answered Mar 09 '19 at 09:36

1

This may not what's you expected but could I suggest programmatic add a UILabel beside that chart and rotated it:

yourLabel.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2)

answered Mar 09 '19 at 09:36

batphonghan

487
3
10

I already tried your solution, but text will be not display proper. – Mayur Karmur Mar 09 '19 at 09:37
Could you take screen shoot for what's `not display properly.`? Maybe I can help. – batphonghan Mar 09 '19 at 09:39
Could you show how your init your UILabel and add it to supperView – batphonghan Mar 09 '19 at 10:05
I have added it in storyboard due to I have used auto layout. – Mayur Karmur Mar 09 '19 at 10:06
1

So just change your trailing constraint a little closer to the chart mate. – batphonghan Mar 09 '19 at 10:10

score 1 · Accepted Answer · answered Mar 13 '19 at 11:20

If you are using storyboard to place label, than take outlets of leading and trailing constrains.

Update your constraints before rotating label which will move your label and view toward left direction. This will move label outside of screen before rotating.

Code:

self.yourLabelLeadingConstrint.constant = -(self.lblLeftAxisLabel.frame.size.width / 2) + self.lblLeftAxisLabel.frame.size.height

self.yourLabelTrailingConstrint.constant = -(self.lblLeftAxisLabel.frame.size.width / 2) + self.lblLeftAxisLabel.frame.size.height

self.view.layoutIfNeeded()

Then add code to rotate label as you have already doing.

self.lblText.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2)

See following screenshot:

I hope this will help you.

Show Text on left Axis in iOS Chart

2 Answers2