MVC5 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:

x: {
            text: "Height (cm)",
            labels: {
                  style: {
                        fill: "#7f7f7f",
                        "font-size": "11pt",
                        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:

 

 


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

Product Support Forum |  Documentation Feedback