echarts图形自适应

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/buside/article/details/89946843

当页面只有一个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)

猜你喜欢

转载自blog.csdn.net/buside/article/details/89946843