«

ECharts自适应与销毁方法详解

六思逸 发布于 阅读:1431 Vue


ECharts自适应方法:

使用 resize 方法:

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

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

使用 setOption 方法:

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

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

离开页面销毁resize事件

destroyed(){
        window.onresize = null
    }

Vue.js ECharts 数据可视化


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