echarts图表随着视图窗口的大小resize改变图表大小的实现
最近使用echarts比较多,之前用的比较少,这次使用时发现视图窗口变小以后在恢复原来的大小,图表不会自己恢复。
通过监听视图变化调用图表的resize()方法解决了问题
window.onresize = () => { console.log("窗口大小改变了"); if (this.weekChart) {
//判断图表是否存在,存在就resize() this.weekChart.resize(); } if (this.monthChart) { this.monthChart.resize(); } };