Echarts动态设置宽高resize()

  今天在项目中遇到了Echarts宽高自适应问题&＃xff0c;几经波折终于把问题解决了&＃xff0c;下面直接上代码&＃xff1a;

// 基于准备好的dom&＃xff0c;初始化echarts实例var myChart &＃61; echarts.init(document.getElementById("main"));// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);// window.onresize &＃61; function () {// myChart.resize();// }window.addEventListener("resize", function () {height&＃61; $(window).height();//浏览器的高度 myChart.getDom().style.height &＃61; this.height&＃43; "px";myChart.resize();});

  其中如果不写一下代码会出现高度为“0”的问题&＃xff0c;这问题困扰我很久。

height&＃61; $(window).height();//浏览器的高度 myChart.getDom().style.height &＃61; this.height&＃43; "px";

  当然也可以使用下面这种方法&＃xff1a;

window.onresize &＃61; function () {height&＃61; $(window).height();//浏览器的高度 myChart.getDom().style.height &＃61; this.height&＃43; "px";myChart.resize();
}

当页面有多个echarts时使用addEventListener&＃xff0c;页面中有一个echarts使用onresize。最后贴一下我的完整代码&＃xff1a;

直接粘代码的注意引入的文件层级