526互联

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

发布时间 2023-03-22 21:15:54作者: ZihangChu

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

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

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