Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Drew
265
Problems about xAxes label style
posted

Hi,

Currently, if I wanna show xaxes label, the default display is horizontal:

My code is:

        axes: [{
            name: "xAxis",
            type: "categoryX",
            label: "Period",
            labelVisibility: "visible",
        }]

 

What if I wanna show label in vertical way like this:

Thanks in advance!

  • 30692
    Verified Answer
    Offline posted

    Hi,

    If you look at this sample: http://samples.infragistics.com/jquery/chart/motion-framework-chart

    And click the Change Chart Type button, you will see an example of rotated labels on the x axis. The rotation is controlled by the labelAngle property. When rotating the labels by 90 degrees, chances are you will need to increase the amount of area reserved for the labels by also setting the labelExtent property.

    Unfortunately, some of the more recent versions of chrome have rather poor text rotation in the HTML5 canvas that can result in some rather wonky looking labels. This wasn't an issue with earlier versions of chrome, so hopefully they will resolve this in future versions. It may look better at 90 degrees, how you want, than intermediary angles, though.

    Hope this helps!

    -Graham