Amcharts 모든 그래프를 표시하지 않습니다.

Question

그래프를 표시 할 탭을 동적으로 추가 할 수있는 탭 인터페이스 (jQuery UI)가 있습니다. 특정 유스 케이스에서 동일한 탭 내에서 다중 원형 차트 (amcharts 사용)를 렌더링해야합니다. 이 기능은 독립 실행 형 페이지 (탭이있는 UI 또는 jQuery 스크립트 없음)에서 작동하지만 구현하려고하면 실패합니다. 마지막 파이 차트 만 표시되고 다른 파이브 자리 표시자는 비어 있습니다.

은 ... 도움이 일을 알아 내려고 여기에 미쳐 가고주세요!

추신 : 나는 또한 각 파이에 대해 invalidateSize()를 시도했지만 마지막 파이 차트에서만 작동하는 것으로 보입니다. 나는 (당신이 탭에서 severals의 amcharts이있을 때 항상 작동하지 않습니다) 대신 invalidateSize의 또 다른 해결책을 발견

Answer 1

; 그냥 쇼 (IE7, 크롬 & FF로 테스트)와 함께 재생할 수 있습니다.

$('#tabs').tabs(); 
$('#tabs-1').show(); /* I have 5 amcharts here */ 
$('#tabs-2').show(); /* I have 15 amcharts here */ 
$('#tabs-3').show(); /* I have 2 amcharts here */ 
/* +++ */ 
setTimeout(function() { 
    $('#tabs-2').hide(); 
    $('#tabs-3').hide(); 
}, 1000);