echarts图形自适应

当页面只有一个echarts图形时,添加如下代码

 setTimeout(function (){
        window.onresize = function () {
            myChart.resize();            
        }
    }, 200)

 

当页面有多个echarts图形时,如果多个echarts图形的代码都在同一个js中,则可以添加

 
 setTimeout(function (){
        window.onresize = function () {
            myChart.resize();
            myChart1.resize(); 
            myChart2.resize();   //以此类推添加多个echarts图形的名称              
        }
    }, 200)

如果多个echarts代码不在同一个js中,则可以在每个图形的js代码中添加代码

setTimeout(function (){        
        window.addEventListener('resize', function () {
            myChart.resize();
        })
    }, 200)

 

 

你可能感兴趣的:(Javascript)