Интегрируйте Dygraph в элемент Bootstrap Carousel в Twitter - PullRequest
Новая
       14

Интегрируйте Dygraph в элемент Bootstrap Carousel в Twitter

0 голосов
/ 12 марта 2012

Я пытаюсь использовать слайд-карусель для отображения разных графиков на моем веб-сайте.Сюжеты сделаны с Dygraph.Я могу показать один из графиков, но когда я перемещаюсь влево или вправо, другой не отображается.Только сюжет, который я делаю активным, показан.Это какой-то конфликт рисования на холсте между загрузочной каруселью / 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>

И скрипт, генерирующий графики на графике: 

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

Спасибо за любую помощь

1 Ответ

0 голосов
/ 13 марта 2012

Вы, вероятно, сталкиваетесь с этой проблемой: http://code.google.com/p/dygraphs/issues/detail?id=238

Пометьте ее, чтобы получать обновления и увеличивать приоритет исправления.Обходной путь - вызвать g.resize () для объекта dygraph, когда он становится видимым, чтобы заставить его пересчитать свою область построения.

...