0

Web サイトにさまざまなプロットを表示するためのスライド カルーセルを作成しようとしています。プロットは Dygraph で行われます。プロットの 1 つを表示することはできますが、左または右にスライドすると、もう一方は表示されません。アクティブにしたプロットのみが表示されます。これは、bootstrap carousel/dygprah 間のキャンバス描画の競合ですか?

誰かがこの問題を解決しましたか? 最初のアイテムをアクティブにすると最初のプロットが表示されますが、スライドすると 2 番目のプロットは表示されず、2 番目のアイテムをアクティブにするとその逆になります。さらに興味深いことに、両方を「アクティブ」にすると、両方が同時に表示されますが (一方が他方の上に表示されます)、スライドすることで、両方のプロットが適切な場所に正しく表示されます。私のカルーセルのコードは次のとおりです。

<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 に答える