Can you please create a codepen? As I can't reproduce this issue on my side.

Well yes I'll post code later(not sure how to use codepen) but let me explain what I'm doing firstly.

I'm using apexcharts for user profile component which is a full-screen dialog usually hidden but will be opened when click the user icon button, then will achieve data by axios.

Maybe related with the full-screen dialog because it's no way could be negative height for a plot?

Not sure if it is related with full-screen dialog.
But, I understood your point. If the chart tries to draw in a 0 width element, it will throw this error. You can try rendering the chart only when the dialog is open.

If you can try forking this Vue template of code-sandbox and reproduce the issue, I can look more.

@junedchhipa Is there a way to dynamically set the width if not set? What I do at the moment is a kind of temp fix always adjusting the width as the number of data pair increase.

@Labtocat width: '100%' doesn't works? Where are you setting the width? In ApexCharts prop or in CSS?

Closing due to lack of response

hy, i got same error
i use this chart https://github.com/apexcharts/apexcharts.js
like the first example of chart here https://apexcharts.com/docs/creating-first-javascript-chart/

the problem is trow a error like a image i have, chart not displayed in first page load
if i resizing viewport width, chart is showing xD
can u help me?

@Labtocat width: '100%' doesn't works? Where are you setting the width? In ApexCharts prop or in CSS?

in my css, width parent of #chart 100% also, and already set width and hight of #chart like https://codepen.io/apexcharts/pen/xYqyYm
i just test with single file, and its work fine
the error is displayed in my current project i have, but why?
im confused xd

@junedchhipa sorry for late response. It didn't work