1. Home
  2. Forum
  3. Blazor
  4. Trying to resize charts within a dashboard panel

Trying to resize charts within a dashboard panel

Hello,

I'm basically trying to display two rows of two charts within the panel of a dashboard layout, and I want the charts to be properly resized within the limits of the panel whenever I resize the latter.

Eventually the result should look like the following:


In my solution, those charts are inside a tab item, the latter being in a parent tab item, and the SfTab is inside a DashboardLayoutPanel.

Unfortunately things get messed up when I try to resize the panel. 

I can stretch the panel, and the charts are properly redrawn, but when I reduce the size of the panel, the charts are not properly resized.


I tried different tricks, including those in the SfGauge documentation, using delays, without luck.

Please note something interesting though:

if I ever open and close Chrome's inspection pane (for example, by pressing F12 or right-click menu > Inspect), the charts get properly resized within the limits of the panel.

The above remark lets me think I'm missing some event that would tell the charts to resize themselves in some situation, but I can't figure out what it could be.

With the above example, when I press F12 once, I get the following situation:


Both the panel and the charts are resized as the inspection panel is open.

Then I press F12 again to close the panel...


And everything is correctly resized...

I've attached the source code of my example.

I hope you'll be able to help me solve this problem.

I definitely think I'm missing something or doing something wrong, so don't hesitate to review/change anything in my source code.

Thank you very much in advance for your valuable help.



Attachment: SyncfusionChartResize_6778ed7.zip

9 Replies 1 reply marked as answer
LD LeoLavanya Dhanaraj Syncfusion Team August 12, 2022 04:56 PM UTC

Hi Kareem, 


Currently We are validating the reported query in the Blazor Dashboard Layout component. But we need some additional time and will update you with further details on August 16, 2022. We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj



LD LeoLavanya Dhanaraj Syncfusion Team August 16, 2022 05:24 PM UTC

Hi Kareem,


We have considered the reported scenario as a bug and logged a defect report for the same. The fix for the reported scenario will be included in our weekly patch release which is expected to be rolled out on 23rd August 2022. Please find the below feedback link to keep track of the reported scenario.


Feedback link : https://www.syncfusion.com/feedback/37060/chart-is-not-refreshed-in-tab-component


Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj


LD LeoLavanya Dhanaraj Syncfusion Team August 25, 2022 10:23 AM UTC

Hi Kareem,


Sorry for the inconvenience.


We were not able to include the fix for the reported issue in the weekly patch release as promised, but it is fixed and currently in the testing phase. We will include the fix in our upcoming weekly patch release on August 30, 2022. We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj


LD LeoLavanya Dhanaraj Syncfusion Team September 1, 2022 02:49 PM UTC

Hi Kareem,


Sorry for the inconvenience.


We were unable to include the fix as promised. The fix for this issue has been included internally and is currently under testing. It will be included in our weekly patch release on Sep 13, 2022. We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj


LD LeoLavanya Dhanaraj Syncfusion Team September 15, 2022 11:18 AM UTC

Hi Kareem,


Sorry for the inconvenience.


We have not included the fix for the reported issue in our weekly patch release as it is in the testing phase. However, this fix will be included in our next weekly patch release, which is expected to be rolled out on September 20, 2022. We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj


KA Kareem Abdul-Jabbar September 21, 2022 03:24 PM UTC

Hi support team,

I would like to know if the correction has finally been integrated in a patch release please.


Thanks


DG Durga Gopalakrishnan Syncfusion Team September 22, 2022 01:57 PM UTC

Hi Kareem,


We are glad to announce that our v20.2.0.50 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor.Charts NuGet package.


NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor.Charts/


Screenshots :




Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartResize1238746313.zip


UG : https://blazor.syncfusion.com/documentation/chart/chart-dimensions


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,

Durga Gopalakrishnan.  


Marked as answer
KA Kareem Abdul-Jabbar September 22, 2022 02:13 PM UTC

Hi Durga,

I confirm this is now properly working with the last version.

Kudos and thanks guys.



DG Durga Gopalakrishnan Syncfusion Team September 23, 2022 06:00 AM UTC

Hi Kareem,


Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon