带有 angular-nvd3 图表的 Angular UI Bootstrap 轮播答案

【问题标题】：Angular UI Bootstrap carousel with angular-nvd3 chart带有 angular-nvd3 图表的 Angular UI Bootstrap 轮播
【发布时间】：2015-02-12 11:14:07
【问题描述】：

我正在使用带有 angular-nvd3 图表的 Angular UI Bootstrap 轮播，在第一张幻灯片上，图表显示正常，但在其他幻灯片中，图表被水平挤压。有没有办法解决这个问题？

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

这是plunker上的代码

谢谢:)

【问题讨论】：

标签： angularjs twitter-bootstrap-3 angular-ui-bootstrap nvd3.js

【解决方案1】：

我有同样的问题，当我试图让 gridster 进入轮播并将 kendo 图表放入那个 gridster 时。我终于通过基于当前活动幻灯片刷新图表的绑定来解决它。

在当前范围上放置一个手表，检查哪个幻灯片处于活动状态并重新绑定图表的数据。

【讨论】：