0

我正在尝试使用幻灯片轮播来在我的网站上显示不同的情节。绘图是用 Dygraph 完成的。我可以显示其中一个图，但是当我向左或向右滑动时，另一个没有显示。只显示我激活的情节。这是 bootstrap carousel/dygprah 之间的一些画布绘图冲突吗？

有人解决了这个问题吗？如果我让第一个项目处于活动状态，它将显示第一个情节，但在我滑动时不会显示第二个情节，反之亦然，如果我让第二个项目处于活动状态。甚至更奇怪的是，如果我让它们都“活跃”，它们将同时显示（一个在另一个之上）但是通过滑动，我正确地将两个图都显示在正确的位置。这是我的轮播代码：

<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
            <div class="item active" id="plot1" style="height:300px;"></div>
            <div class="item" id="plot2" style="height:300px;"></div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

以及生成 dygraph 图的脚本：

<script type="text/javascript" charset="UTF-8">
    $(function() {
        var plotdiv = document.getElementById("plot1");
        new Dygraph(plotdiv,csvdata,{});
        plotdiv = document.getElementById("plot2");
        new Dygraph(plotdiv,csvdata, {});
        return true;
    })
</script>

谢谢你的帮助

4

1 回答 1

0

您可能遇到了这个问题： http ://code.google.com/p/dygraphs/issues/detail?id=238

为它加星以接收更新并提高修复的优先级。一种解决方法是在 dygraph 对象变得可见时调用 g.resize() 以强制它重新计算其绘图区域。

于 2012-03-12T20:18:52.923 回答