JQuery影响谷歌图表显示

Question

以下代码显示混乱的图表

function() displayGoogleChart() {
    /* displays chart */
}
$("#chartDiv").hide();
displayGoogleChart();
$("#chartDiv").show();

但是这段代码显示得很好，如下：

$("#chartDiv").hide();
$("#chartDiv").show();
displayGoogleChart();

为什么会这样？

Answer 1

这可能与google用于确定各种图表项目的高度和宽度的方法有关，正如@dwaddell所评论的那样。

我会尝试使用封装div的容器#chartsDiv，并查看隐藏和显示包含div时是否发生相同的事情。