Large labels in x-axis

[Paulo Ortins]

Hi guys,

I'm having a issue with large labels in the x-axis, how are you solving it? I can't simply hide them cause they are too important for the business.

Is there some way to break label contents in multiple lines? 

[Satheesh Kumar T]

Hi Paulo,
Thanks for using Syncfusion products.
We have analyzed your query. SfChart provide property called LabelsIntersectAction in axis, to decide whether overlapped axis labels should be hidden or arranged in multiple rows. By default its value is AxisLabelsIntersectAction.Hide. So the labels are hidden by default.

Please change it as like in the following code snippet.

Code snippet:
[C#]
categoryAxis.LabelsIntersectAction= AxisLabelsIntersectAction.MultipleRows;

We have prepared a sample based on this and please find the sample in the attachment.

Please let us know if you have any queries.

Thanks,
Satheesh Kumar T

Satheesh Kumar T

Attachment: ChartGettingStarted_a5fdf43c.zip

[Paulo Ortins]

Hi Paulo,
Thanks for using Syncfusion products.
We have analyzed your query. SfChart provide property called LabelsIntersectAction in axis, to decide whether overlapped axis labels should be hidden or arranged in multiple rows. By default its value is AxisLabelsIntersectAction.Hide. So the labels are hidden by default.

Please change it as like in the following code snippet.

Code snippet:
[C#]
categoryAxis.LabelsIntersectAction= AxisLabelsIntersectAction.MultipleRows;

We have prepared a sample based on this and please find the sample in the attachment.

Please let us know if you have any queries.

Thanks,
Satheesh Kumar T

Satheesh Kumar T

Attachment: ChartGettingStarted_a5fdf43c.zip

The issue with AxisLabelsIntersectAction.MultipleRows is that labels become too difficulty to read. The best solution would be to break each label in their own column.

Ex:

       1        4      7

       2        5      8

       3        6      9

[Satheesh Kumar T]

Hi Paulo,

 

Thanks for using Syncfusion products.

 

We have analyzed your query. Currently we do not have text wrapping support for axis labels. Since this feature is not available in our product, we consider this to be a feature request. In the meantime you can use the LabelRotationAngle property in axis to avoid labels hidden while overlapping with each other.

 

Please refer the below code snippet.

 

[C#]

categoryAxis.LabelRotationAngle = 10;

 

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

 

Thanks,

Satheesh Kumar T

[Paulo Ortins]

I solved it putting the labels inside the column and in a 90 angle. Until now, it's the best solution that I found.

[Satheesh Kumar T]

Hi Paulo,

 

We are glad to know that the issue got fixed at your end.

 

Please let us know if you require further assistance, we are happy to assist you.

 

Thanks,

Satheesh Kumar T

[Naveen C Ramachandrappa]

Is the wrap feature available now?

[Saravana Pandian Murugan]

Hi Naveen,

Yes. You can achieve this requirement by splitting the XValue with “\n”. Please download the sample from the following location.

Sample: http://www.syncfusion.com/downloads/support/forum/117775/ze/MultilineAxisLabel1622719462

Could you please check the sample and update us with more details if your requirement is different or if you are facing any issues with this approach.

Regards,
Saravana Pandian M.