Amcharts 不显示所有图表

Question

我有一个选项卡式界面 (jQuery UI)，我可以在其中动态添加选项卡以显示图形。 在某个用例中，我必须在同一个选项卡中呈现多个饼图（我正在使用 amcharts）。虽然这适用于独立页面（没有选项卡式 UI 或 jQuery 脚本），但当我尝试实现它时它会失败：只显示最后一个饼图，而其他 div 占位符（对于前面的饼图）是空的。

请帮助...在这里发疯，试图弄清楚这一点！

PS：我还为每个饼图尝试了 invalidateSize()，但它似乎只适用于最后一个饼图。

Answer 1

我找到了另一个解决方案，而不是 invalidateSize（当您在选项卡中有多个 amcharts 时并不总是有效）；只是玩表演（在 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 );