Недопустимые размеры для графика, width = 0, height = 400 внутри скрытой вкладки

У меня есть эта ошибка, когда я вставляю диаграммы в скрытые вкладки, такие как второй, третий и т.д. вот ошибка:

Invalid dimensions for plot, width = 0, height = 400 in js/jquery.flot.min.js:6.

Я использовал bootstrap 2 и jquery:

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

Вот библиотеки:

<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>

И css:

#plotarea
{
    max-width: none;
    height: 400px;
}
#pie 
{
    max-width: none;
    height: 400px;
}
#barmonth 
{
    max-width: none;
    height: 400px;
}
#baryear 
{
    max-width: none;
    height: 400px;
}

div с идентификатором каждой диаграммы (всегда меняйте идентификатор на график, который мне нужно показать, например, график, пирог, бармон, барий и т.д.):

<div id="plotarea"></div>

И я добавляю этот стиль, чтобы исправить ошибку ширины .ui-tabs .ui-tabs-hide { left: -10000px; visibility: hidden !important; }, но даже это диаграмма не рисует диаграммы внутри этих скрытых вкладок, только нарисуйте первую вкладку, которая находится в первом представлении... можете ли вы сейчас если есть форма для его исправления?

Я использую шаблон харизмы.

С уважением!

Ответы

max-width: none;
height: 400px;

width: 100%;
height: 400px;