How do you rotate x-axis labels?

[Anthony Lofton]

Depending on the number of x-axis labels, they overlap and make it hard to read.  Is there a way to rotate the labels at 45 or 90 degrees so they are all visible?

[Anandaraj T]

Hi Anthony,

Thanks for using Syncfusion products.

We suggest you to use "labelRotation" property of primaryXAxis to rotate x-axis labels.

Please refer the following code snippet to achieve this.
<code>
[JS]
                           primaryXAxis:
                          {
                              title: { text: 'Countries' },
                              labelRotation: 90,
                          },
</code>

We have created a simple sample for rotating labels of x-axis and it can be downloaded from the following link.
LabelRotationJS.zip

Please let us know if you have any concern.

Regards,
Anand