天天看點

echarts響應開發大屏可視化

大屏開發需要頁面不滿全屏,是以采用了vh機關。

vh是根據視圖高度進行自适應的

@function vh($px) {
        /*2700是設計圖的高度*/
        @return ($px / 2700) * 100vh
    }
           

echarts的機關是px或者百分比,這時候需要寫一個函數将px轉化vh

const vh = px => {
  const screenH = window.screen.height;
   /*2700是設計圖的高度*/
  return (px / 2700) * screenH;
}
           

繼續閱讀