This is a migrated thread and some comments may be shown as answers.

Rotate Category Axis Labels

3 Answers 704 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ed
Top achievements
Rank 1
Ed asked on 05 Jun 2015, 08:43 PM

Hi, I'm trying to rotate the category axis labels so they appear like the attached mockup.  Please let me know how I can achieve this.

Thanks,

--Ed

3 Answers, 1 is accepted

Sort by
0
EZ
Top achievements
Rank 2
answered on 08 Jun 2015, 02:49 PM

Have a look at categoryAxis.labels.rotation: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.labels.rotation

 

categoryAxis: [{
    labels: {
      rotation: -45    
    }
}]

 

DEMO‚Äč

0
Ed
Top achievements
Rank 1
answered on 08 Jun 2015, 02:53 PM

The angle is correct, but the rotation is happening around the middle of the label, not the "tail" of the label. For 3 items in the series and very short labels this is not a problem, but once you get several series items and the labels are very long, it becomes difficult to understand which series item the label is associated with.

How can I have the labels rotate around the tail of the label and still have them rotated at this angle?

--Ed

0
Accepted
T. Tsonev
Telerik team
answered on 09 Jun 2015, 03:12 PM
Hello,

This is an old issue that we've meant to fix for some time now. The good news is that the Q2 Beta release coming tomorrow addresses it.

We didn't change the behavior in the service releases as it's a breaking change.

Let me know what you think about the new behavior.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
Ed
Top achievements
Rank 1
Answers by
EZ
Top achievements
Rank 2
Ed
Top achievements
Rank 1
T. Tsonev
Telerik team
Share this question
or