echart图中文字大小自适应

echart图中文字大小自适应

要求： 不同分辨率的显示器，页面中echart图中文字大小要自适应
解决方法： 定义echart图文字自适应方法并使用

// 定义echart图文字自适应公共方法
nowSize(val,initWidth=1920) { //现在很多浏览器都是1920*1080，initWidth值可根据自己需求进行修改
  var nowClientWidth = document.documentElement.clientWidth
  return val * (nowClientWidth / initWidth);  
} 

// 页面使用
xAxis: [
  {
    type: "category",
    axisLabel: {
      fontSize: that.nowSize(14),
      lineHeight: that.nowSize(20),
    },
],

注意： 若浏览器窗口大小发生变化，echart图中字体也需要变化，则需要监听浏览器窗口变化重绘echart图