ejChart provides options to rotate x axis labels to any desired angle. You can use these option for labels with long text and to avoid labels overlapping with each other. The labelRotation API is used to rotate labels. It takes integer value as input. The following code example illustrates the above. JS $("#container").ejChart({ primaryXAxis: { title: { text: 'Countries' }, //Rotating labels by 45 degrees labelRotation : 45 } });
JS Playground Link: Label Rotation The output of the above code example is similar to the following screenshot. Figure 1: Chart with rotated x axis labels |
This page will automatically be redirected to the sign-in page in 10 seconds.