Invalid width on creating hidden highchart

Question

On the site there are several pie charts. All diagrams are created immediately after the page loads. At the moment of creation, part of the diagrams is hidden (the parent layer display: none) Visible charts are set correctly, hidden charts have parameter is incorrect width.

The layer of the diagram

<div id="DGramm" style="width: 100%;"> </ div>

The result - the diagram created on the entire width of the page, but no of the width of the parent layer. How to do the right, to take the width of the hidden layer?

At this point, all that came up - to create a chart after the first showing of the hidden layer.

Answer 1

You could trigger the window.resize event to update the Chart size. Add this script to your page.

$(document).ready(function () {
    $(window).trigger('resize');
});

See the answer here. Thanks, david.