Javascript 在引导选项卡内绘制flot图表问题

我试图在引导选项卡中使用flot图表，尽管javascript没有正确绘制图表，它被扭曲了，文本太接近图表

<div id="tab3" class="tab-pane fade">
<div class="chart_flot" style="width:600px;height:300px;"></div>
</div>

我希望这对一些人有用。

解决方案

我提醒大家，这是一个图表内的引导默认标签错误。图表被扭曲的原因是无法在隐藏的div中正确绘制图表（显示：无）

有3个选项可以解决此问题

添加一个javascript触发器，该触发器将仅在选项卡之后绘制图表 在选中图表的情况下

不要使用引导，只需创建自己的选项卡脚本即可隐藏 “加载”和“未加载”选项卡在“非”选项卡上显示：默认为“无” 所选选项卡

简单方法，使用css

#tabid {
    width:0;
    display:block;
    visibility:hidden;
    height:0;
}
#tabid.active {
    width:100%;
    height:100%;
    visibility:visible;
}

塔比德{ }

tabid.active{ }

---

你能创造一个复制你的问题的模型吗？@EvilNabster很好，你找到了解决方案。请将其添加为答案，而不是将解决方案编辑为问题。嘿@EvilNabster，这个解决方案非常有效！你为什么不把它作为答案，帮助其他人快速找到答案呢？干杯。嘿，@EvilNabster我已经尝试了CSS方法来解决这个问题。但这对我来说不起作用。你能帮我个忙吗？@KunalKakkad给我一个jsfiddie链接，我会尽力帮你的

#tabid {
    width:0;
    display:block;
    visibility:hidden;
    height:0;
}
#tabid.active {
    width:100%;
    height:100%;
    visibility:visible;
}

width:0;
display:block;
visibility:hidden;
height:0;

width:100%;
height:100%;
visibility:visible;