jQuery Accordion은 첫 번째 탭이 아닐 경우 Google 차트를 축소합니다.

Question

나는 다른 jQuery 아코디언 섹션에 넣으려는 다른 Google Charts을 가지고 있습니다. 문제는 아코디언의 첫 번째 부분에없는 모든 차트가 어떤 이유로 더 작다는 것입니다. 아코디언에 관한 뭔가가이 차트를 축소하고 있습니다. 나는 그들이 쇠퇴하기를 원하지 않는다. 누구든지 내가 줄어들지 않도록 내가 뭘 할 수 있는지 알고 있니? http://jsfiddle.net/dN3LL/

감사 :

는 문제를 보여이 예제를 참조하십시오! , 편집

그래서 brandwaffle에서 제공하는 대답에서, 나는 div의 아코디언 형태로 붕괴되기 전에 그래픽 렌더링해야한다고 생각하기 때문에 그래프가 렌더링을 완료 한 직후 나는 단순히 $('#accordion').accordion(); 라인을 넣어 그리고 그것은 작동합니다! 바이올린보기 : http://jsfiddle.net/dN3LL/4/

Answer 1

저는 과거에 다양한 콘텐츠로 나에게 이런 일이 일어났습니다. 콘텐츠가 접힌 컨테이너에서 렌더링되기 때문에 문제가 발생한다고 생각합니다. 가능한 한 가장 작은 크기로 기본 설정됩니다 (아코디언 내부의 유연한 너비 div의 내용으로이 내용을 보았습니다). 전체 화면 해상도로 제공 할 수있는 가장 좋은 해결책은 jQueryUI의 Accordion이 제공하는 accordionchange 이벤트에 어떤 Google 차트 생성 (또는 기타 콘텐츠 표시)을 연결하는 것입니다. http://jqueryui.com/demos/accordion/

accordionchange 이벤트를 사용하는 경우 Google 아코디언이 올바른 섹션으로 바뀌면 차트가 렌더링됩니다. 그러면 차트가 지저분한 (즉, 열지 않은) 컨테이너로 렌더링하려고 할 때 발생하는 문제를 제거해야합니다. 이 문제에 대한 더 나은 CSS 수정이있을 수 있지만 아직 찾지 못했습니다.

Answer 2

하나의 해결 방법은 부하 차트를 먼저 한 후 1 ~ 2 초 (의 setTimeout) 도움을