vue，echarts自适应

vue页面自适应适配

// 引入main.js文件即可
window.addEventListener(
  // 监听页面尺寸变化
  "orientationchange" in window ? "orientationchange" : "resize",
  (function() {
    function c() {
      const d = document.documentElement; 
      const cw = d.clientWidth || 1920;  // cw 窗口可视宽度
      const rem = (cw * 100) / 1920;
      d.style.fontSize = rem + "px";  // 设置根元素的font-size
    }
    c();
    return c;
  })(),
  false
);

echarts自适应

export function fontSize(f) {
  const d = document.documentElement;
  const cw = d.clientWidth || 1920;
  return parseInt((cw * f) / 1920);
}