Jquery 引导模式中的内容大小因加载时间而异

我正在使用引导模式来显示GoogleAPI图表。图表的数据在页面加载时加载，模式包含页面加载时的图表

起初，我只是在页面加载时显示模式，一切看起来都很好。然后我添加了一个按钮，仅在请求时显示模式。其他一切都没有改变。现在，图表在模式中很小

所有代码都是相同的，除了我在按钮上添加了一个按钮和一个onclick事件，显示了模式

有什么想法吗

有一个CSS片段更改了默认模式：

.modal
{
    height:80%;
    width:80%;
    margin-left: -40%; 
}

这是模态的html

 <div id="chartsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="chartsModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="chartsModalLabel">Evolution of number of X</h3>
    </div> 
    <div id="number_of_evolution" class="span11" style="height:40em"></div>
</div>

---

几乎解决了问题，但仍有一点问题。我不知道到底是什么原因造成的，但我决定在按下按钮时创建图表，现在一切看起来都很好。似乎更明智的做法是：

但是如果我打开模式，然后刷新页面，然后再次打开模式，图表就会再次变小。奇怪

编辑：后者也是固定的，通过等待模态在绘图之前完全完成加载。第二次绘制图表时，虽然中间刷新了整页，但所需时间似乎较短，导致图表大小错误：

$'chartsModal'。在'Showed'上，函数{