Chart is loosing aligment

[Roman]

I have an interesting behavior the I cannot explain. I have a server-side Blazer page with line and bubble charts that works perfectly fine. However sometimes the chats are losing alignment and do not fill its containers properly. I was trying different containers (wrappers) in incorporate the charts in but but all of them behave in the same way. It is always show as misaligned for a first load and refreshing sometime fixes it. Also, if I click any other page in the application and then return to the page with those two charts then they always perfectly aligned.

There are no front of back-end errors. I would like to learn the reasons for it.

   <SfChart Width="700px" Height="500px" Background="White" >

GOOD

BAD

[Swetha Babu]

Hi Roman,

Greetings from Syncfusion.

We are unable to reproduce the reported scenario. We have created a simple Blazor application to test the reported scenario and the same can be downloaded from the below link.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Chart-1505730561

Please add the below script link your Layout.cshtml file to resolve the reported scenario.

<script src=https://cdn.syncfusion.com/blazor/syncfusion-blazor-base.min.js></script>

If the reported scenario persists, please modify the above sample to replicate the reported scenario. It will be helpful for us to analyze further and assist you better.

Regards,

Swetha