Eu tenho esse erro quando insiro gráficos em guias ocultas como segundo, terceiro, etc. Aqui está o erro:

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

Eu usei o bootstrap 2 e o jquery:

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

Aqui estão as bibliotecas:

<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>

E o 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;
}

A div com o ID de cada gráfico (sempre altere o ID para o gráfico que preciso mostrar, como plotarea, pie, barmonth, baryear, etc.):

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

E adiciono esse estilo para corrigir o erro de largura.ui-tabs .ui-tabs-hide { left: -10000px; visibility: hidden !important; }, mas mesmo assim o gráfico não desenha os gráficos dentro dessas guias ocultas, apenas desenha a primeira guia que está na primeira exibição ... você pode agora se houver um formulário para corrigi-lo?

Eu uso o modelo de carisma.

Cumprimentos!