關於echarts圖表寬度變化


  最近的項目用到了echarts,我遇到一個BUG,就是echarts地圖的寬度莫名其妙變化,明明設置的100%,在頁面上卻顯示100px,

  查閱資料發現是隱藏之后,影響了寬度。因為沒有數據的時候需求要求顯示一張“沒有數據”的圖片,我就將echarts圖表隱藏起來了

 

  解決方式:

  使用echarts的resize()方法:

 

    if ($("#main").width() != $("#main canvas").width() && $("#main canvas").width() < $("#main").width()) {

    myChart.resize();
   }

  myChart也就是你初始化echarts的圖表實例,上面的意思就是說如果canvas畫布的寬度小於你的div寬度,就重新調整大小,

canvas也就是顯示echarts圖表的區域

  


免責聲明!

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



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