折叠面板无法放置ECharts图表问题

代码：（参考自Hello mui的example中的echarts.html）
<div class="mui-table-view peripherals_ul_style">
<div class="mui-table-view-cell mui-collapse" style="background: white;">
<a class="mui-navigate-right">
<label><span class="mui-icon iconfont icon-m-shuju-01"></span></label>
&nbsp;
数据统计
</a>
<div class="mui-collapse-content">
<h5>温度变化</h5>
<div class="chart" id="temperatureChart"></div>
</div>
</div>
</div>

上面将<div class="chart" id="temperatureChart"></div>放在“mui-collapse-content”是无法显示的，如果是放在“mui-collapse-content”外面是可以显示图表的，比如这样：
<div class="mui-table-view peripherals_ul_style">
<div class="mui-table-view-cell mui-collapse" style="background: white;">
<a class="mui-navigate-right">
<label><span class="mui-icon iconfont icon-m-shuju-01"></span></label>
&nbsp;
数据统计
</a>
<div class="chart" id="temperatureChart"></div>
<div class="mui-collapse-content">
<h5>温度变化</h5>
</div>
</div>
</div>
这样的话是可以正常显示的图表的。