在jquery崩溃中显示两个图表时，highcharts表现得很奇怪

Question

我跟着this link实现了像jQueryUI崩溃这样的效果，但它可以扩展任意数量的区域。

然后，我使用highcharts在两个区域中渲染两个图表。但只有第二张图表可以正确显示，而第一张图表则无法显示。我设置了第一个图表呈现的区域的宽度和高度，但是相同。

我已经编写了两个javascript函数来分别控制两个图表的渲染。 这很奇怪，如果我注释掉第二个绘制第二个图表的函数，第一个图表就可以正确显示。

请给我一些如何解决问题的提示。

像这样的html文件：

<div id="notaccordion">
<h3>first chart<h3>
<div id="firstchart"></div>
<h3>second chart</h3>
<div id="secondchart"></div>
</div>

两个javascript函数如下：

function render_one() {
   ...
   // set the variable 'renderTo' to "firstchart"
   ...
}

function render_two() {
   ...
   // set the variable 'renderTo' to "secondchart"
   ...
}