Hi Zhongziang, I ended up following this procedure you described, I had to stretch it to the wrapper using absolute positioning and added a blank div in the wrapper that had an event trigger on window resize that calls the resize(). Thank you for confirming that I eventually figured it out and that it is within standard.
Kind Regards, Juan ________________________________ From: Zhongxiang Wang <[email protected]> Sent: Thursday, 03 November 2022 17:39 To: Juan Trytsman <[email protected]> Cc: [email protected] <[email protected]> Subject: Re: Sizing Hi Juan, When using the percentage as the width/height, you need to ensure the parent container has real width/height, or ECharts can't get the correct size. And ECharts doesn't observe the size of the container, so you will need to call `chart.resize()` after the container resizes. Regards. On Thu, Nov 3, 2022 at 10:03 PM Juan Trytsman <[email protected]<mailto:[email protected]>> wrote: Good day, I have added your library to an Angular project. I have the chart living in a component and I am just passing the data to it from a parent component... <app-echarts-wrapper [options]="chart" style="width:120%;height:300px"></app-echarts-wrapper> I have to specify the size in this fashion, else it does not show on my page. However, the style gets converted to pixels on the then rendered chart. How can I prevent this from happening? Kind Regards, Juan
