引導程序選項卡更改時的圖表更新

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')); 
    }); 
});