我有一个标签界面(jQuery UI),我可以动态添加标签来显示图形。 在某个用例中,我必须在同一个选项卡中渲染多个饼图(我使用的是amcharts)。虽然这适用于独立页面(没有选项卡式UI或jQuery脚本),但是当我尝试实现它时它会失败:只显示最后一个饼图,其他div占位符(前面的饼)为空。
请帮助...在这里疯狂试图想出这个!
PS:我也尝试过每个馅饼的invalidateSize(),但它似乎只适用于最后一个饼图。
答案 0 :(得分:0)
我找到了另一个解决方案,而不是invalidateSize
(当你在标签中有多个amcharts时,它并不总是有效);只需玩show(在IE7,Chrome和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 );