Rotate Category Axis Labels

4 posts, 1 answers
  1. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 05 Jun 2015 Link to this post

    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

  2. EZ
    EZ avatar
    65 posts
    Member since:
    May 2015

    Posted 08 Jun 2015 in reply to Ed Link to this post

    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

  3. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 08 Jun 2015 in reply to EZ Link to this post

    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

  4. Answer
    T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 09 Jun 2015 Link to this post

    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!
     
Back to Top