MVC4 Classic
Rotate the Axis Label

To set the label properties for the X-Axis such as the width, textAlign, and rotation use the following code:

   $("#wijbarchart").wijbarchart({
            axis: {
                y: {
                     text: "Percentage (%)"
                },
                 x: {
                     text: "Graphics Card",
                     labels: {
                         width: 80,
                         textAlign: "near",
                         style: {
                             rotation: -45
                         }
                     }
                 }

This topic illustrates the following:

The following image shows the X-Axis labels rotated to a -45 degree angle, the width at 80 pixels apart from each other, and the text alignment near the axis:

See Also

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback