怎么丝滑监听图标,而且没有副作用

如图所示,这是一个图表组件,大概有以下几个函数组成
image.png

重点是什么,重点是resize

废话不多说上代码,注意不要直接去int,需要先判断是否有已经创建的实例

如果直接创建另一个新的图表,不会有任何效果!

  1. //重新绘制图标
  2. const resizeHandle = () => {
  3. const dom = getDom("line");
  4. if (dom) {
  5. dom.style.width = "100%";
  6. let myEchart = echarts.getInstanceByDom(dom)
  7. if (myEchart == null) {
  8. myEchart = echarts.init(dom)
  9. console.log("重绘ing");
  10. }
  11. myEchart.resize();
  12. }
  13. };

NICE!

image.png