Hi Sourabh,
Greetings from Syncfusion.
We have analyzed your query. By default, chart gets size (height and width) from its parent element. If size to the parent element is not specified, then chart will render with default size (Height as 450px and width as 600px). Also, we would like to let you know that we have bind window resize event to chart, so while resizing the window with respect to container’s width, chart will be resized with respect to width. If you want the chart’s height to be resized with the respect to container then you can specify the height of chart in percentage and need to specify the height to its parent element as depicted below.
<style>
html,
body {
display: block;
height: 100% !important;
}
</style>
<div style="display: block; height: 100%">
<ejs-accumulationchart id="container" #pie style='display:block; width: 100%; height: 100%'>
</ejs-accumulationchart>
</div> |
Since with respect to container’s height the chart has to be rendered, we have specified height to all the parent element in percentage, so while resizing charts get the parent elements height instead of default height. Sample for your reference, can be find from below link,
Kindly revert us, if you have any concerns.
Regards,
Baby.