echarts容器宽高百分比

今天写项目时echart的父元素宽高用的百分比,父元素的父元素宽高是用的height:calc(),刚开始是正常的,页面一刷新,echarts整个图都缩在一起了,用echarts.resize()没有用
原代码:

echarts.setOption(option)
window.addEventListener('resize', echarts.resize())
echarts.resize()

后来调试发现页面大小变化之后就能正常,只有通过触发window的resize事件才会正常
代码:

echarts.setOption(option) 
window.addEventListener('resize', echarts.resize())
 // js手动触发一次window resize事件
 if (document.createEvent) {
   var event = document.createEvent('HTMLEvents')
   event.initEvent('resize', true, true)
   window.dispatchEvent(event)
 } else if (document.createEventObject) {
   window.fireEvent('onresize')
 }