jquery-ui - 在 jquery 折叠中显示两个图表时，highcharts 的行为很奇怪

Question

我按照这个链接实现了类似 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"
   ...
}