let nowClientWidth = document.documentElement.clientWidth
function scaleSize(val, initWidth = 1920) {
return val * (nowClientWidth / initWidth)
}
nowClientWidth:当前屏幕宽度
initWidth:设计稿给的宽度,一般是1920
val:设计稿中某元素的尺寸
然后在option里面
option = {
title: {
show: true,
text: 'zrnsakura一周运动消耗的卡路里',
textStyle: {
fontSize: scaleSize(30)
}
}
}
其他设置距离的属性也可以使用此函数,比如
left: scaleSize(30)
设置之前:
设置之后: