引导程序选项卡更改时的图表更新

Question

我的nvd3图形和引导程序响应选项卡有问题。基本上，我在一个选项卡上有一个图形。它加载好，但当我改变标签，图形新标签大小设置为0或类似的东西。我想在非活动选项卡上的宽度设置为0，图形具有最小宽度。如果我更改标签，图形宽度不会调整大小。所以我必须在点击标签时用onclick更新图表？或者什么是最好的解决方案？
对不起，我无法让jsfiddle，this is my try。但我得到了TypeError: nv.addGraph is not a function。
这是我与图形标签： 这是当我改变标签： 当我调整窗口，图的更新，以及： 调整窗口后，我点击回股息每年。也没有调整大小： 如何使用简单的onclick函数调用更新图？类似于WindowResize的东西存在吗？

<ul class="nav nav-tabs responsive" role="tablist"> 
     <li role="presentation" class="active"> 
      <a href="#yearly" aria-controls="yearly" role="tab" data-toggle="tab" 
        onclick="nv.utils.windowResize(chart.update);"> 
       Dividends Yearly</a></li> 
     <li role="presentation"> 
      <a href="#quaterly" aria-controls="#quaterly" role="tab" data-toggle="tab" 
        onclick="nv.utils.windowResize(chart.update);"> 
       Dividends Quarterly</a></li> 
     </ul> 

Answer 1

我找到了相同的线程 - bootstrap tab with nvd3 graphs in it。

$(function() { 
    $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { 
     window.dispatchEvent(new Event('resize')); 
    }); 
});