Title: charts not resizing
Last modified: September 1, 2016

---

# charts not resizing

 *  Resolved [eyedraw](https://wordpress.org/support/users/eyedraw/)
 * (@eyedraw)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/)
 * I added widths to my charts (90%) to make them responsive (funny, but when I 
   take 100% the x/y axis descriptions get lost/vanish)
 * however, they only resize on window resizing and not at the beginning!
    400×400
   chart is shown by default until I change the size of my browser window. Using
   the newest Version of Chrome
 * [https://wordpress.org/plugins/visualizer/](https://wordpress.org/plugins/visualizer/)
 * EDIT: it works now, but only after editing with code. Does not work via chart
   editor

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Contributor [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465114)
 * Hi,
 * We’re glad to know that you were able to figure it out. Let me know if it happens
   again. 🙂
 *  [smileordi3](https://wordpress.org/support/users/smileordi3/)
 * (@smileordi3)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465122)
 * Hello there,
 * How did you solve this issue? I am having it now and it is killing me!
 * The graph renders when the page loads. If you load the graph into a tab or a 
   modal windows that you dont see from the very start, it only takes the default
   svg size that is 400×400.
 * Now my question is how to render the graph so that it takes 100% of the width.
 * The only think that makes the graph re-render is if you resize the window.
 *  Thread Starter [eyedraw](https://wordpress.org/support/users/eyedraw/)
 * (@eyedraw)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465130)
 * I actually added a transition to the wrapper element (I was using the graphs 
   in tabs, so that was okay).
    So because the parent element changed, the graph
   seemed to resize. Didn’t have to do anything else I guess, cause I already set
   everything on responsive in the plugin settings
 *  [smileordi3](https://wordpress.org/support/users/smileordi3/)
 * (@smileordi3)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465136)
 * can you tell me the code you wrote please? I can’t seem to follow how you did
   it. When i resize the wrapper or the div(visualiser-X) the graph doesn’t auto
   rerender.
 *  [smileordi3](https://wordpress.org/support/users/smileordi3/)
 * (@smileordi3)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465142)
 * Using theme: DIVI
 * This is solution:
 * **.tab-content > .tab-pane,
    .pill-content > .pill-pane { display: block; height:
   0; overflow-y: hidden; }
 * .tab-content > .active,
    .pill-content > .active { height: auto; }
 *  [jhwd](https://wordpress.org/support/users/jhwd/)
 * (@jhwd)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465154)
 * Would it be possible to call the render javascript on clicking the tab button?
 *  Plugin Contributor [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465159)
 * Please create a new thread for your question, as per Forum Guideline. Hope you
   understand. 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘charts not resizing’ is closed to new replies.

 * ![](https://ps.w.org/visualizer/assets/icon-256x256.gif?rev=3084574)
 * [Visualizer: Tables and Charts Manager for WordPress](https://wordpress.org/plugins/visualizer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/visualizer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/visualizer/)
 * [Active Topics](https://wordpress.org/support/plugin/visualizer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/visualizer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/visualizer/reviews/)

## Tags

 * [height](https://wordpress.org/support/topic-tag/height/)
 * [resize](https://wordpress.org/support/topic-tag/resize/)
 * [size](https://wordpress.org/support/topic-tag/size/)
 * [Sizing](https://wordpress.org/support/topic-tag/sizing/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 7 replies
 * 4 participants
 * Last reply from: [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/charts-not-resizing/#post-7465159)
 * Status: resolved