Wrap word

[lom]

How to wrap one word lable in bar chart?

[Baby Palanidurai]

Hi Lom, 

Greetings from Syncfusion. 

We have wrap support for column chart labels and we don’t support label wrap for bar chart types. For more information about label intersect action, please find the below documentation link, 

UG: https://ej2.syncfusion.com/angular/documentation/chart/axis-labels/#smart-axis-labels 

Column with wrap:  https://stackblitz.com/edit/angular-aytvjd?file=app.component.ts 

We are having line break support for bar charts. Please find the below code snippet, 

public data: Object[] = [ 

    { x: 'Germany', y: 72, country: 'GER: 72' }, 

    { x: 'United <br>States<br>Of America', y: 286.9, country: 'USA: 286.9' }, 

    { x: 'Great Britain', y: 115.1, country: 'GBR: 115.1' }, 

    { x: 'Nigeria', y: 97.2, country: 'NGR: 97.2' } 

  ]; 

 Please find the below sample link, 

https://stackblitz.com/edit/angular-v8zzok?file=app.component.ts 

Screenshot: 

 

For more information about line break support, please find the below documentation link, 

https://ej2.syncfusion.com/angular/documentation/chart/axis-labels/#line-break-support 

Kindly revert us, if you have any concerns. 

Regards, 

Baby.