Apexcharts.js: Chart height on mobile chrome/brave not correct (depending on number of lines in legend)

[guybrush]

Codepen

https://codepen.io/guybrush-the-bold/full/LoXdgN

Explanation

• What is the behavior you expect?
  The chart should look the same on all devices
• What is happening instead?
  On chrome (and brave) the height of the chart-plot is much less than on other devices - depending on the amount of lines in the legend.
• What error message are you getting?
  None

Here is a screenshot: (on the left its chrome on desktop, on the right its chrome on android)

[OneWebDev]

I am facing the same problem. Have you been able to fix this since posting?

[guybrush]

Sorry no, I am now using another charting-lib.

[astronati]

Any news about this?

[junedchhipa]

Yes, the issue is fixed. Please wait for the release of apexcharts@v3.16.2

[jan-nick]

Using 3.20.0 the issue still persists. Are there any updates or workaround on this?

[RenierC]

I'm facing the same problem.

I'm using android, tried on chrome, and brave.

The problem doesn't appear in Firefox mobile

Showed in version 3.20.0 and also updated to 3.20.2. If it also helps you debug I'm using react to go along with that using react-apexcharts 1.3.7