echarts自适应父类div大小

一.HTML代码

<div class="summary">
    <div id="annual" ></div>
</div>

二.CSS样式

谷歌、火狐可以设置父类div大小然后设置子div宽和高100%,Ie8似乎不行

.summary{
    float: left;
    width: 48%;
    border:1px solid #cecece;
    height:400px;
    margin-top: 2px;
    margin-right: 2px;
 }
    
 #annual{
    width: 100%;
    height: 90%;
 }

三.兼容IE8的写法

$('.summary').resize(function () {
    var annual = echarts.init(document.getElementById("annual"));
	annual.resize();
});