多個echarts根據窗口大小動態刷新

在vue項目中用到了echarts組件,需要根據窗口大小重新渲染。

剛開始使用了onresize的方式監聽瀏覽器大小的變化,然後通過 myChart.resize() 方法重新渲染,發現只有最後一個圖表執行了resize

在這裏插入圖片描述
最後用 addEventListener 方式綁定的 resize 方式是正常的 在這裏插入圖片描述

on和addEventListener 的區別

一般情況下,on和addEventListener綁定的功能是一樣的,如果一個標籤上綁定兩個相同事件,on方式的綁定最後一個事件會覆蓋掉上面的事件,addEventListener 則不會,原理是將實現EventListener的函數或對象添加到調用它的EventTarget上的指定事件類型的事件偵聽器列表中,會依次執行,不會覆蓋以前的事件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章