jquery - bootstrap 选项卡中的 highcharts 图表显示不正确

Question

我有两个选项卡，选项卡 1 和选项卡 2，当页面最初加载时，第一个选项卡中的图形同时加载，这正好适合 col-md-6，现在，当我单击选项卡 2 时，该选项卡中的图表几乎折叠到第一个选项卡的一半，我希望它也适合 col-md-6 正确而且很好，是我做错了什么吗？

请看看这个jsfiddle

Answer 1

使用这个 jquery 选项卡选择功能，它将解决您的问题。

here is modified fiddle click here

 jQuery(document).on( 'shown.bs.tab', 'a[data-toggle="tab"]', function (e) { // on tab selection event
    jQuery( "#graph-container-gray, #graph-container-red" ).each(function() {
        var chart = jQuery(this).highcharts(); // target the chart itself
        chart.reflow() // reflow that chart
    });
})