隐藏选项卡内的绘图尺寸无效，宽度 = 0，高度 = 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;
}

带有每个图表 id 的 div（始终将 id 更改为我需要显示的图表，如plotarea、pie、barmonth、baryear等）：

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

我添加这个样式来修复宽度错误.ui-tabs .ui-tabs-hide { left: -10000px; visibility: hidden !important; }，但即使如此，图表也不会绘制这些隐藏选项卡内的图表，只会绘制第一个视图中的第一个选项卡...现在是否有一个表单可以修复它？

我使用魅力模板。

此致！

好吧，我已经做到了！

如果你有这个库<script src="js/jquery.flot.resize.min.js"></script>，您只需要在 styles.css（样式表文件）内部更改此内容：

max-width: none;
height: 400px;

有了这个：

width: 100%;
height: 400px;

现在图表总是在每个屏幕上调整大小。