Why when the page it's load by browser(all) the graphs are out of their panel??

[fabrizio carboni]

Hi all,
when I open my page the graphs on the 1th row aren't centered into their pannel.
if I reduce the windows of browser the layout this adapts to the page, so if I retun to full screen the page layout remains adapts to the page.
where/what am I doing wrong?!?!

To explain the problem I prepared three images and attached the code my graph.cshtml

1st img the page load without the graphs
2nd img the windows reduced
3rd img the windows returned full screen and the layout is't ok.

Attachment: Graph_problem_1d79a008.zip

[Prasanth Madhaiyan]

Hi Fabrizio Carboni,

 

Greetings from Syncfusion support.

Based on the shared details, we understand that you are facing an issue where the Chart components are not rendered properly on the initial render in the Dashboard Layout component at your end. Based on the shared code snippets, we have prepared a sample and were able to replicate the reported issue on our end.

However, to overcome this issue, you can refresh the Chart components in the Created event of the Dashboard Layout component.

Refer to the below code snippets. 

[Index.cshtml]

...

<script type="text/javascript">

    function onCreated(args) {

        ...

        var chart1 = document.getElementById("ctn_CodNeg").ej2_instances[0];

        var chart2 = document.getElementById("ctn_QtaZero").ej2_instances[0];

        var chart3 = document.getElementById("ctn_MovMag").ej2_instances[0];

        setTimeout(() => {

            chart1.refresh();

            chart2.refresh();

            chart3.refresh();

        }, 100)

    }

...

For your reference, we have attached the sample and screenshot.

Sample: Attached as a zip file. 

Screenshot:

Check out the attached sample and let us know if you need any further assistance.

Regards,

Prasanth Madhaiyan.

Attachment: CoreDashboardLayoutSample_641c86c9.zip

[fabrizio carboni]

Great
thank you so much 

[Shereen Shajahan]

Hi Fabrizio

Glad to know that the provided solution helped. Please get back to us for assistance in the future.

Regards,

Shereen