echarts圖表自適應屏幕/瀏覽器窗口大小


昨天完成echarts柱狀圖的生成,突然發現在項目中還有個小缺陷,當柱狀圖完成渲染之后,放大縮小瀏覽器窗口echarts柱狀圖寬度沒有隨之改變。

接昨天的代碼做了小調整:

setTimeout(function () {
   window.onresize = function () {
     myHistogram.resize()
  }
}, 200)
即在setOption之后添加這段小代碼,如圖:(代碼啥意思自行腦補。。。。。。。。。。。)

 

 

大屏 效果:

 

縮小窗口;

 


免責聲明!

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



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