Highcharts 不会在选项卡内调整图表大小

Question

我正在使用带有标签的 twitter bootstrap。我在每个选项卡中都有多个选项卡和图表。浏览器调整大小时，不在当前事件选项卡上的图表不会调整大小。事实上，用细条看起来有点有趣。当前事件选项卡工作正常。有没有人看到过这个问题，是否有任何解决方法？

Answer 1

这是一个工作示例:

http://codepen.io/colinsteinmann/pen/BlGfE

单击选项卡时，基本上会在每个图表上调用 .reflow() 函数。这样，图表会根据在容器可见时应用于容器的新维度重新绘制。

这是最重要的代码片段:

// fix dimensions of chart that was in a hidden element
jQuery(document).on( 'shown.bs.tab', 'a[data-toggle="tab"]', function (e) { // on tab selection event
    jQuery( ".contains-chart" ).each(function() { // target each element with the .contains-chart class
        var chart = jQuery(this).highcharts(); // target the chart itself
        chart.reflow() // reflow that chart
    });
})