Question

我使用插件jquery flot http://www.flotcharts.org/和bootstrap标签

当我把div放在tab中生成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 );
})

Answer 1

我找到了解决方案！我应该将我的代码更改为：

$(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 ); 
    }) 
})

此剧情将在用户更改标签后绘制 - 感谢您的帮助！

用于jQuery生成绘图的flot绘图库在div中不可见

1 个答案: