Проблемы с перераспределением в HighChart

Question

Когда страница загружается, диаграммы, которые присутствуют на странице, не занимают доступную ширину и не переполняют их столбцы. Однако, когда окно изменено или я пытаюсь исследовать с помощью элемента Inspect, диаграммы немедленно привязываются к правильным размерам. Такое поведение наблюдается в Chrome, FF и IE.

Я попытался следующие без результатов :-(

<div id="container" style="width:100%;margin: 0 auto"></div> 
$(window).resize(); 

Пожалуйста, помогите !!

Answer 1

Я сталкивался с подобной проблемой, и я «фиксированный» вопрос, откладывая создание диаграммы :

setTimeout(function() { 
    $(element).highcharts({...}); 
}, 0); 

Подробнее там: Highcharts dynamic (re-)sizing in AngularJS tabs