Vertically responsive and maintain aspect ratio 1:1

[kkureli]

Hi, is there any way to maintain aspect ratio and make chart vertically responsive at the same time?

[kurkle]

Can you draw a picture of 2 different states that you mean by your question? If aspectRatio is maintained, both dimensions must change.

[kkureli]

Hi, thanks for reply. Here are 2 examples for situations. Responsive prop is true for both.

1. when maintainAspectRatio is true, the chart is not vertically responsive. when chart vertically small, map will be cut. but it is responsive for width. I want it to work for height the same way it works for width

maintainAR.mov

2. when maintainAspectRatio is false, the chart is vertically responsive and will not cut image but doesn't keep aspect ratio.

falseMaintainAR.mov

[DepretLucie]

Hi, is there an answer? Because I have the same problem

[Udemology]

For a case like this a background image would be suitable that is flexible based on the chartArea: https://youtu.be/-ysiCtEJ9oU

[DepretLucie]

In my case, it's a line graph

Resize

[Udemology]

You will need to play around with JS and CSS, that is the only option I can find so far: https://youtu.be/8yvZSP7_Sds