Flot bibliothèque de traçage pour jQuery généré parcelle en non visible dans div

Question

J'utilise le plugin jquery Flot http://www.flotcharts.org/ et onglets bootstrap

Quand je mets div pour générer Flot dans l'onglet qui est maintenant pas vissible et voulait le produire en $ (document) .ready (function() {}) dans la console me montrer l'erreur:

dimensions non valides pour la parcelle, width = 0, height = 280

code 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

J'ai trouvé une solution! Je devrais changer mon code à:

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

Après cette intrigue sera peinture après changement de l'onglet de l'utilisateur - merci de votre aide!