Bootstrap旋转木马中的NVD3图表

问题描述：

我使用NVD3在Boostrap旋转木马中呈现多条形图表。经过大量调整后，我终于可以在每个项目中创建带有图表的旋转木马。我注意到的一件事是，除了活动项目以外的任何图表都会被压扁，并且在窗口调整大小之前它不会呈现。有没有办法呈现不活跃的图表？Bootstrap旋转木马中的NVD3图表

答

我找到了一种方法，一种黑客攻击，但我能做到这一点，而不每次投喂我所有的图表数据转盘进步的唯一途径。只需触发窗口大小调整事件。

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

不要忘了接受你的答案。 – shabeer90 2014-09-01 07:35:08

我刚刚做过。如果有人找到一种方法来做到这一点，使图表像一个新的图表（初始绘图）增长，而不是调整大小，它会看起来更好。 – TechnoTim 2014-09-03 19:29:46

答

这一个对我的作品......

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