echarts字体适配不同分辨率

在不同的分辨率的浏览器下，echarts图标的字体，也需要做合适的适配

新建一个外部公用的js文件，内容如下：

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

export default nowSizek

可在js文件中引用，也可在vue界面引入

import nowSize from './nowSize'

使用：

visualMap: {
  type: 'piecewise',
  seriesIndex: [2],
  textStyle: {
    color: '#FFFF',
    fontSize:nowSize(18)
  },
}

所有echarts中涉及到字体大小的，如果在1920*1080下，需要设置的字体大小是18px，那么参数传18，其他分辨率会根据 方法中  val * (nowClientWidth / initWidth) 进行计算