Center align the items in the legend of the chart

Question

Hi Syncfusion Team,I'm using the chartComponent and I want the items in the legend to be centered. I've tried setting alignment="Center" but it's not working as expected. Expected: Link sample: https://stackblitz.com/edit/react-faxxh8?file=index.js Is there any way to reach my requirement?Thanks.

Gopalakrishnan Veeraraghavan · Accepted Answer

Hi Hung,We have analyzed your reported query. The legend rendering
is designed to follow a left-to-right direction. While we understand your
requirement for center-aligning the legend items, our current system only align
the entire legend to the center of the chart. At present, we cant move the 2nd
row legend to the center of the chart.We appreciate your feedback and encourage you to reach out
if you have any further concerns or queries.RegardsGopalakrishnan Veeraraghavan

Ton That Hung · Answer

Thanks for your support.

Nishanthi Panner Selvam · Answer

Ton,Most Welcome! Please
get back to us if you need further assistance.Regards,Nishanthi