ECharts自适应与销毁方法详解


本文介绍了ECharts自适应的三种方法:使用resize方法、使用setOption方法和CSS设置容器大小。并且指出在组件销毁前需要调用ECharts实例的dispose方法进行销毁,以避免内存泄漏问题;同时,在离开页面时,建议移除resize事件监听器以节约资源。

ECharts自适应方法:

使用 resize 方法:

当浏览器窗口大小发生改变时,可以调用 ECharts 实例的 resize 方法。

window.onresize = function() {
  chart.resize();
};

使用 setOption 方法:

当容器大小发生改变时,可以重新使用新的 setOption 方法重新渲染图表。

window.onresize = function() {
  chart.setOption(option);
};

离开页面销毁resize事件

destroyed(){
        window.onresize = null
    }


扫描二维码,在手机上阅读

JavaScript教程:生成指定范围内的随机整数

Vue.js实现编辑操作时一行内容单独修改的实现思路

评 论