vue-apexcharts icon indicating copy to clipboard operation
vue-apexcharts copied to clipboard

Resize not triggered when hidden

Open ruanxianzhi opened this issue 4 years ago • 5 comments

If you hide the chart component with v-show or display:none, resize the window, and then show the chart component. Chart is not shown on the page. The chart would appear if you resize the window again.

Should resize be triggered even when it's hidden? or at least when we show the chart again?

ruanxianzhi avatar Apr 07 '20 20:04 ruanxianzhi

Have you found a solution to this problem?

Furkan-Ozturk avatar Jun 09 '20 21:06 Furkan-Ozturk

I have this issue too. Any solutions yet?

justfry avatar Jun 16 '20 20:06 justfry

somehow i found what if property "height" is not set, charts is always shown.

justfry avatar Jun 18 '20 08:06 justfry

Did you ever find a fix or workaround for this? I'm having this issue now. I'm waiting for some data to load from my API before I show the chart. I can't use v-if because it doesn't seem to respect the height property in chart options if I do, so I need to rely on v-show because it respects the height I give it. Edit: For now I just put the v-show/v-if on my container around the apex-chart

Aldo111 avatar Feb 20 '21 10:02 Aldo111

Hi, for me exists the same if an chart is drawed in an component that is now showed (v-show) In my way its an menu and if i go to the menupoint with the statistics (blended in with v-show) the diagramms are not drawed, but if i change back to another menupoint and then to this it is allready there. So i think sometimes with v-show (false) it will not drawed.

DennisBergemann avatar Dec 09 '21 11:12 DennisBergemann