javascript - Amcharts 不显示所有图表

Question

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

请帮忙...在这里疯狂地试图解决这个问题!

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

Answer 1

我找到了另一种解决方案，而不是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 );