problem with chart size in panel

[José Carlos]

how can i make the chart have same the size of the panel content dashboard Layout?

this is my code :

<div>

    <!-- Dashboardlayout element declaration -->

    <ejs-dashboardlayout id="dashboard_default" columns="6" cellSpacing="modelValue.cellSpacing">

        <e-dashboardlayout-panels>

            <e-dashboardlayout-panel id="Panel0" sizeX="1" sizeY="1" row="0" col="0" >

                <e-content-template>

                        <div class="e-panel-content">

                        </div>

                                    </e-content-template>

            </e-dashboardlayout-panel>

            <e-dashboardlayout-panel id="Panel1" sizeX="3" sizeY="2" row="0" col="1" >

                  <e-content-template>

                        <div class="e-panel-content">

                                       <ejs-chart style="height: 100%; width: 100%" id="linechart" load="window.onChartLoad" width="99%" height="100%">

                         <e-chart-tooltipsettings enable="true">

                </e-chart-tooltipsettings>

                        <e-chart-primaryxaxis valueType="Category" title="@ViewBag.dataatual" edgeLabelPlacement="Shift"></e-chart-primaryxaxis>

                         <e-chart-primaryyaxis labelFormat="p1"></e-chart-primaryyaxis>

                        <e-series-collection>

                            <e-series dataSource="ViewBag.dataSource" name="Máquina" xName="ID_Maquina" width="2" opacity="1" yName="Soma" point-color-mapping-name="Color" type="@Syncfusion.EJ2.Charts.ChartSeriesType.Column">

                         <e-series-marker>

                            <e-series-datalabel visible="true" position="Top">

                                <e-font fontWeight="600" color="#ffffff"></e-font>

                            </e-series-datalabel>

                        </e-series-marker>

                   </e-series>

                        </e-series-collection>

                    </ejs-chart>

                    </div>

                                    </e-content-template>

.....

[LeoLavanya Dhanaraj]

Hi Jose,

Greetings from Syncfusion support.

Based on the provided screenshots, we are quite unclear about your exact requirement. So please confirm, whether you want all the panels to be in same size or you want to render the chart to adapt within the panel content with 100% width and height.

If we misunderstood your query, please provide some additional information on your exact use case with the Dashboard Layout component. It will help us assist you promptly.

We appreciate your patience.

Regards,

Leo Lavanya Dhanaraj