StackingColumn Chart - Misplaced template based datalabel

Question

I am using ReactJs, with Routing.StackingColumn chart.Last column has a custom Data Label, so made it template based with offset so that it will land outside the column.But always for first load of Route, the DataLabel is in its default position, and when I click my Navigation Link for current active Route the DataLabels get positioned as expected.Will try to provide the sample, as its taking time to extract from my code.Hope the issue is clear in explanation.

Durga Gopalakrishnan · Accepted Answer

Hi Prafulla,

Greetings from Syncfusion.

We have prepared chart sample with navigation link. Chart data label is rendered properly after navigation. In the below sample, please click About link to display chart. 



Sample : https://stackblitz.com/edit/simple-react-router-example-4s757v

If you are still facing the problem, please try to replicate an issue in above sample or provide us an issue reproduced sample so that it will be helpful for us to proceed further.

Regards,
Durga G