Bootstrap旋轉木馬中的NVD3圖表

Question

我使用NVD3在Boostrap旋轉木馬中呈現多條形圖表。經過大量調整後，我終於可以在每個項目中創建帶有圖表的旋轉木馬。我注意到的一件事是，除了活動項目以外的任何圖表都會被壓扁，並且在窗口調整大小之前它不會呈現。有沒有辦法呈現不活躍的圖表？

Answer 1

我找到了一種方法，一種黑客攻擊，但我能做到這一點，而不每次投餵我所有的圖表數據轉盤進步的唯一途徑。只需觸發窗口大小調整事件。

$('#myCarousel').on('slid.bs.carousel', function() { 
var handler = window.onresize; 
handler(); 
}) 

Answer 2

這一個對我的作品......

$('#myCarousel').on('slid.bs.carousel', function() { 
    window.dispatchEvent(new Event('resize')); 
});