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)
posted @ 2023-04-10 15:40  IT小兔  阅读(129)  评论(0)    收藏  举报
作者:IT小兔
出处:https://www.cnblogs.com/g-14

-------------------------------------------

个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!