[Solved] How to make category axis values vertical in a column chart ?

[veysel]

Hello,
I'm using a column chart (code sample below). Category values appear vertically and texts overlap.
I want to make category values written vertically. Is there a way to do this ? 

Html.Telerik().Chart()
       .Name("chart")
       //.Title(t => t.Text("Statistics"))
       .Series(s =>
       {
           s.Column(new int[] {Model.UserEntityCounts.MRCount ?? 0
               , Model.UserEntityCounts.POCount ?? 0
               , Model.UserEntityCounts.MRApprovalCount ?? 0
               , Model.UserEntityCounts.POApprovalCount ?? 0
               , Model.UserEntityCounts.ShipmentCount ?? 0
           }
           );
       })
       .CategoryAxis(a => a.Categories(new string[] {"Category Text 1", "Category Text 2", "Category Text 3", "Category Text 4", "Category Text 5"}))
       .HtmlAttributes(new { style = "height: 300px;" })

[Daniel]

Hello Veysel,

You could use the Rotation method in the Category Label configuration to adjust the exact angle of the category values. For example:

.CategoryAxis(a =>
   {
       a.Categories(new string[] { "Category Text 1", "Category Text 2", "Category Text 3", "Category Text 4", "Category Text 5" });
       a.Labels(l => l.Rotation(90));
   })

 

Kind regards,
Daniel
the Telerik team

[veysel]

Hi,
This worked perfectly. Thank you very much.