echarts自适应大屏方案 亲测有用

将实际窗口的大小与设计图窗口大小做比得到要给相对的比率,每个单位数值和这个比率相乘即可。即:按比例缩放字体。比如设计图是19201080的,某个数值是fontSize:12,当前显示器是3840的大屏,那么你现在的字体大小应该是:12(3840/1920)= 24。

//当前视口宽度
let nowClientWidth = document.documentElement.clientWidth;

换算方法
function nowSize(val,initWidth=1920){
return val * (nowClientWidth/initWidth);

// 使用的时候 nowSize(13)就代表1920下是13px
fontSize: nowSize(13)
width: nowSize(13)

posted @ 2023-11-16 16:13  jialiangzai  阅读(127)  评论(0)    收藏  举报