echarts 隨屏幕大小改變大小(resize)


echarts多個圖表大小隨屏幕的大小改變自適應,Echarts 多圖表自適應窗口大小,echarts隨頁面大小變化而變化

1.問題:單個圖表初始化寬度默認100;

 

解決辦法:

當頁面只有一個圖表的時候直接用 window.onresize = myChart.resize 就可以了

 

 

 2.問題:多圖表初始化默認寬度100;

 

 解決辦法:有兩種;

方法一:

window.addEventListener("resize",function (){
        myChart.resize();
        myChartA.resize();
        myChartB.resize();
    });

  

 

方法二:

window.onresize = function(){
        myChart.resize();
        myChartA.resize();
        myChartB.resize();
    }

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM