Dygraph를 트위터의 부트 스트랩 회전식 요소로 통합하십시오
-
12-12-2019 - |
문제
저 웹 사이트에 다른 플롯을 표시하기위한 슬라이드 회전 목마를 갖고 있습니다.플롯은 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">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</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>
.
도움말 감사합니다
해결책
이 문제가 발생할 수 있습니다. http://code.google.com/p/dygraphs/issues/detail.? ID= 238
업데이트를 받고 수정 우선 순위를 높일 수 있습니다.해결 방법은 해당 플로팅 영역을 다시 컴포트하기 위해 강제로 강제적 인 경우 Dygraph 객체에서 G.resize ()를 호출하는 것입니다.
제휴하지 않습니다 StackOverflow