apexcharts / vue-apexcharts

📊 Vue 2 component for ApexCharts
https://apexcharts.com
MIT License
1.33k stars 135 forks source link

width resize on initial render with vuetify navigation drawer #125

Open waspinator opened 5 years ago

waspinator commented 5 years ago

Thanks for all your work on this great charts library and vue wrapper.

When adding a chart to a vuetify app with a navigation drawer, the chart's width seems to ignore the drawer and goes past the page. After the drawer is closed and opened it looks right.

https://codepen.io/waspinator/pen/XLOBar

dmitriy-kozhin commented 4 years ago

agree, have the same issue

dmitriy-kozhin commented 4 years ago

Hello everyone. This style solves my problem. However, it would be great to handle it without disabling any animations.

<v-content style="transition: none !important">
      <router-view></router-view>
</v-content>
consuman commented 4 years ago

I have this issue too, in a NUXTjs project. On initial pageload its a wrong width, but any resize or route change fixes it.

But great work though! Love Apex!

wimil commented 4 years ago

agree, have the same issue .... im using nuxt proyect

giselecpferreira commented 4 years ago

I'm using nuxt. I solved it adding a before Apex Graphic component, It's happening to me because the navigation drawer is loading after the chart and the graphic size was load base on the initial page size (before the navigation drawer open). I think you can solve this too putting a load component into the graphic area.

ifui commented 3 years ago

uh...look this a bad trouble same have