echarts可视化，页面尺寸变化时，echarts随着改变加防抖

const container = document.querySelector('.charts')

1、不需要跟新数据

 window.addEventListener("resize", () => {

      container.resize();

});

2、需要更新数据

function debounce(fn, duration = 300){

　　let timerid //记录上一次的计时id

　　return function (...args){

　　　　if(timerid){clearTimeout(timerid)}

　　　　timerid = setTimeout(()=>{

　　　　　　fn.apply(this,...args)

　　　　}, duration )

　　}

}

const newUpdateChart = debounce(updateChart)

const handler = () => {

　　newUpdateChart(container) //更新数据

　　resizeChart()//重新设置图表尺寸

}

window.addEventListener('resize', handler)

__EOF__

本文作者：小兔
本文链接：https://www.cnblogs.com/g-14/p/17303036.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！