Resize Chart Problem to fit DashboardLayout Panel Resize

[jin kwang cheol]

I'm developing Dashboard using DashboardLayout and SfChart.

I resized the panel on DashboardLayout, and there was a problem that the height of the SfChart was not adjusted to the size of the panel.

The code for adding the SfChart component to DashboardLayout is as follows.

And SfChart is composed as follows.

When the corresponding panel is resized in DashboardLayout, the Width is automatically adjusted as shown below, but the Height is not adjusted to fit the panel.

(SfChart's Width is exactly 90% of the panel, but Height is not resized 90% of the panel.)

If Panel is Resized, I would like to know how both Width and Height will be 90%.

[Durga Gopalakrishnan]

Hi Jin, 

 

Greetings from Syncfusion. 

 

We have validated your reported scenario. Since, the default height of chart is 450 pixels, chart is rendered for its size. To overcome this scenario, we suggest you inherit parent element height for chart control in CSS styles. Please check with below code snippet. 

 

<style> 

    .e-chart { 

        width: inherit !important; 

        height: inherit !important; 

    } 

</style> 

 

Kindly revert us if you have any concerns. 

 

Regards, 

Durga G