大屏可视化
flex布局,echarts字体自适配px-rem转换,例:1920px设计稿
// echarts字体自适配px-rem转换,例:1920px设计稿
function fontSize(res) {
let docEl = document.documentElement,
clientWidth =
window.innerWidth ||
document.documentElement.clientWidth ||
document.body.clientWidth;
if (!clientWidth) return;
// 此处的1920 为设计稿的宽度,记得修改!
let fontSize = clientWidth / 1920;
return res * fontSize;
}
// 使用方式:
var option = {
...
fontSize: fontSize(15.2),
...
}