自适应屏幕宽度

设置rem

function setRem() {
    var whdef = 12 / 1920; // 默认窗口为1920
    var bodyWidth = document.body.clientWidth; // 当前窗口的宽度
    var rem = bodyWidth * whdef > 12 ? bodyWidth * whdef : 12; // 获取相应宽度下rem值，最小为12px
    document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
}
window.addEventListener('load', setRem);
window.addEventListener('resize', setRem);

对echarts组件this.fontSize()的补充

Vue.prototype.fontSize = function fontSize(res) {
    clientWidth =
        window.innerWidth ||
        document.documentElement.clientWidth ||
        document.body.clientWidth;
    if (!clientWidth) return;
    let fontSize = clientWidth / 1920;
    return res * fontSize;
};