ejChart X-Axis labels overlap

[Michal Misler]

On the following picture you can see two charts -- the first one is displayed nicely while the other has overlapping labels on x-axis.
Is there any way to prevent from this and force the behaviour like on the first chart (i.e. x-data labels are automatically skipped)?

Thanks a lot
MichalM

[Saravana Kumar Kanagavel]

Hi Michal,   

   

Thanks for contacting Syncfusion Support.   

  

We have analyzed your query and created a sample based on your requirement. To prevent the X-Axis labels overlapping please use “labelIntersectAction” property.   

   

Following values has to be given for “labelIntersectAction” property   

   

·       “rotate90” – To rotate the axis labels in 90 degrees.   

·       “rotate45” – To rotate the axis labels in 45 degrees.   

·       “multipleRows” – If axis labels are overlapped then overlapped labels can be placed in second row.   

·       “hide” – To hide the overlapping axis labels.   

·       “trim” – To trim the overlapping axis labels and full text can be displayed by tooltip on hovering.   

·       “wrap” – If axis labels are overlapped then overlapped letter only placed in next row.   

   

Please follow the code example below   

[JS]   

$(function ()   

    {   

        $("#container").ejChart(   

        {    

            primaryXAxis:   

            {   

                labelIntersectAction : "multipleRows"                             

            }   

        });   

    });   

  

   

   

   

And we have also made a sample for your reference and attached in the below location   

   

Sample Link: https://www.syncfusion.com/downloads/support/forum/124359/ze/sample1094165533   

  

   

And please refer the UG link to know more details about label customization.   

   

Link: https://help.syncfusion.com/js/chart/axis#smart-axis-labels 

   

Please find the output of the sample below   

   

     

 

Please let us know if you have concern.   

   

Regards,   

Saravana Kumar K.   

[Michal Misler]

Hi,
  thanks a lot. Great help. I appreciate it.

MichalM

[Saravana Kumar Kanagavel]

Hi Michal, 

 

Thanks for your update. 

 

Please let us know if you need further assistance on this. 

 

Regards, 

Saravana Kumar K.