echarts自适应不同分辨率 字体

新建js

function nowSize(val,initWidth=1920) { //现在很多浏览器都是1920*1080，initWidth值可根据自己需求进行修改
  var nowClientWidth = document.documentElement.clientWidth
  return val * (nowClientWidth / initWidth);  
}

export default nowSize

引入js

import nowSize from './nowSize'

echarts中使用 nowSize(xx)

title: {
   text: Math.round(this.volumeNumberFour),
    top:60,
    left:40,
    textStyle: {
        color: '#FFFFFF',
        fontSize: nowSize(30),
        textAlign: 'center',
        fontFamily:'YouSheBiaoTiHei'
    }
}