Angular UI Bootstrap 轮播与 angular-nvd3 图表

Angular UI Bootstrap carousel with angular-nvd3 chart

我正在使用 Angular UI Bootstrap 轮播和 angular-nvd3 图表,在第一张幻灯片上图表显示正常,但幻灯片的恢复显示图表被水平挤压。有办法解决这个问题吗?

<carousel interval="5000">
    <slide ng-repeat="slide in [1,2,3,4,5]" >
        <nvd3 options="sva.options" data="sva.data"></nvd3>
    </slide>
</carousel>

这是plunker

上的代码

谢谢:)

我遇到了同样的问题,当时我正试图将 gridster 放入旋转木马并将图表 kendo 放入该 gridster。 我终于通过刷新基于当前活动幻灯片的图表绑定解决了这个问题。

监视当前范围并检查哪个幻灯片处于活动状态并重新绑定图表数据。