Javascript jQuery生成的绘图的Flot绘图库在div中不可见

我使用插件jqueryflot和引导选项卡

当我将div放在选项卡中生成flot时，该选项卡现在不可见，并希望在$（document）中生成它。控制台中的ready（function（）{}）显示错误：

绘图的尺寸无效，宽度=0，高度=280

JavaScript代码：

$(document).ready(function(){
    var chart_plot_01_settings = {...}, arr_data1 = ..., arr_data2 = ...;
    $.plot( $("#chart"), [ arr_data1, arr_data2 ],  chart_plot_01_settings );
})

---

我找到了解决办法！我应该将代码更改为：

$(document).ready(function(){
    var chart_plot_01_settings = {...}, arr_data1 = ..., arr_data2 = ...;
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
        $.plot( $("#chart"), [ arr_data1, arr_data2 ], chart_plot_01_settings ); 
    }) 
})

---

此绘图后将在用户更改选项卡后绘制-感谢您的帮助

你能添加一些代码吗。因此，它将很容易理解和回答。可能重复的我找到了解决办法！我应该改成：$（'a[data toggle=“tab”]”）。在（'show.bs.tab'，function（e）{$.plot（$（“#chart”），[arr_data1，arr_data2]，chart_plot_01_settings）；}）这个绘图之后将在更改后绘制选项卡：）谢谢您的帮助@如果找到解决方案，KamilWyremski将创建一个答案并在那里发布代码，而不是在中编写代码comments@wolfgang1983-好的，谢谢你提供的信息！