Question

我正在尝试使用幻灯片旋转木马在我的网站上显示不同的地块。这些图是用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>

感谢您的帮助

Answer 1

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

将其加入星标以接收更新并提高修复程序的优先级。解决方法是在dygraph对象变为可见时调用g.resize（）以强制它重新计算其绘图区域。

将Dygraph集成到Twitter的Bootstrap Carousel元素中

1 个答案: