vue中echarts图表大小适应窗口大小且不需要刷新

内容如下：// 基于准备好的dom，初始化echarts实例let myChart = this.$echarts.init(document.getElementById('myChart'))//根据窗口的大小变动图表 --- 重点window.onresize = function(){myChart.resize();//myChart1.resize(); ...

heartbeaty

7357人浏览 · 2018-10-29 11:54:30

heartbeaty · 2018-10-29 11:54:30 发布

内容如下：
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('myChart'))
//根据窗口的大小变动图表 --- 重点
window.onresize = function(){
    myChart.resize();
    //myChart1.resize();    //若有多个图表变动，可多写

}

代码如下：
mounted() {

			
		const that = this
		    window.onresize = () => {//  根据窗口大小调整曲线大小
		    let myChart = this.$echarts.init(document.getElementById('myChart'));
		     myChart.resize();
		    }
		},