今天写项目时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')
}