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 <wan...@apache.org> Sent: Thursday, 03 November 2022 17:39 To: Juan Trytsman <trytsma...@belgiumcampus.ac.za> Cc: dev@echarts.apache.org <dev@echarts.apache.org> 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 <trytsma...@belgiumcampus.ac.za<mailto:trytsma...@belgiumcampus.ac.za>> 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
