Integrare Dygraph nell'elemento Carosello Bootstrap di Twitter

Question

Sto cercando di avere una carosello di diapositiva per la visualizzazione di grafici diversi nel mio sito web.I grafici sono finiti con Dygraph.Posso prendere uno dei terreni da mostrare, ma quando scivolo a sinistra oa destra, l'altro non mostra.Viene mostrata solo la trama che faccio attivo.Questo è un conflitto di disegno su tela tra bootstrap carosello / dygprah?

Qualcuno ha risolto questo problema?Se faccio il primo elemento attivo, mostrerà la prima trama, ma non la seconda quando faccio scivolare, e viceversa se apporto il secondo articolo attivo.Più curioso, anche se faccio entrambi "attivi", entrambi mostreranno allo stesso tempo (uno sopra l'altro) ma poi scivolando in giro, ottengo correttamente entrambi i flot mostrati nei loro posti giusti.Ecco il codice per il mio carosello:

<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>

.

E lo script che genera i grafici 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>

.

Grazie per qualsiasi aiuto

Answer 1

Probabilmente stai correndo in questo problema: http://code.google.com/p/dygraphs/issues/Detail? ID= 238

Star It per ricevere aggiornamenti e aumentare la priorità di una correzione.Una soluzione alternativa è chiamare G.Resize () sull'oggetto Dygraph quando diventa visibile per costringerlo a ricomputare la sua area di tracciamento.