hack-snippets.md

记录开发中遇到的少见的，不常规的，解决后容易被忘记的问题

用echarts绘制的图在容器尺寸发生变化时重绘

• 如果容器的尺寸改变是由浏览器窗口改变引起的，监听resize事件就可以了。注意优化，使用setTimeout和requestAnimation等
• 如果浏览器窗口大小不变，其他因素引起的容器变化，如菜单折叠等

1.在引起容器尺寸变化的事件发生时强自触发resize事件，使用jquery的resize函数实现，实现代码如下

$(window).resize()

---

2.监听相应的事件，在事件发生时调用echarts的resize函数，如折叠菜单发生时监听transitionend事件

let eventTargert = document.getElementById('#nav')
eventTarget.addEventListener('transitionend', handleResize)
//cancle event listener
eventTarget.removeEventListener('transitionend', handleResize)

---

3