-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<rect> attribute width: A negative value is not valid. #25
Comments
I am almost done creating the vue.js wrapper for ApexCharts. |
Awesome! Can't wait to test it out..
|
@junedchhipa Yes, without the setTimeout I get that error when reloading the page, however if I just navigate to it from within the app it loads fine.. Maybe it's a conflict with another component? I am using Vuetify library but I don't believe that would effect it. |
@availit Released the Vue.js version https://github.com/apexcharts/vue-apexcharts |
@junedchhipa Hey I just refactored what I had setup previously using the vue version. It works great, thanks! Much cleaner integration using the imported components than initializing it manually with life-cycle methods. |
Thanks for the feedback. I agree examples are essential as the vue-apex docs are currently lacking a lot of details. |
Hi,
I'm using Apexcharts in a Vue 2 project and currently calling the render() method within the component mounted() method. Now I get the two charts to render however it only displays on hot-reloading after saving new changes to a file. Not when the page hard-reloads.
I receive this error when the page with the charts loads from a page refresh:
apexcharts.min.js?2227:1 Error: <rect> attribute width: A negative value is not valid. ("-2.45")
this is my markup:
Here is what my chart data looks like:
Here is what my mounted() function looks like:
Any idea what's happening here? I'm so confused what's causing this error
The text was updated successfully, but these errors were encountered: