how to fix responsiveness of apex chart kept inside q-card of quasar q-page-container

[sath26]

The lines are overflowing on the right side it happens if whenever I reload the page. The side menu loads in active state but if I toggle or resize the browser the problem gets solved. However, it re-appears once I reload again.

I have tried containing the chart with div and tried to hide the overflow using CSS, i.e:

overflow:hidden

Yet it doesn’t fix the problem because the overflown values in chart are only hidden
https://codepen.io/sath08/pen/vqqxmy

The expected result is that it must load every time inside the page without the issue.

[metalsadman]

@sath26 yo, see if this helps https://codepen.io/metalsadman/pen/pXXeYm?editors=1010.

[sath26]

thanks it did! @metalsadman

[metalsadman]

@sath26 great, np.