echarts图表随着视图窗口的大小resize改变图表大小的实现

最近使用echarts比较多,之前用的比较少,这次使用时发现视图窗口变小以后在恢复原来的大小,图表不会自己恢复。

通过监听视图变化调用图表的resize()方法解决了问题

   window.onresize = () => {
        console.log("窗口大小改变了");
        if (this.weekChart) {
      //判断图表是否存在,存在就resize()
this.weekChart.resize(); } if (this.monthChart) { this.monthChart.resize(); } };

 

posted @ 2023-03-22 17:18  SadicZhou  阅读(142)  评论(0编辑  收藏  举报