【ECharts】字体自适应（rem）

使用函数fontsize，根据屏幕尺寸设置

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

然后在图表函数中使用fontsize函数进行转换

axisLabel: {
            show: true,
            color: '#5266c0',
            fontSize: fontSize(12),
          },

监听浏览器窗口，当浏览器发生改变时重绘图表，从而实现实时改变echarts字体

window.addEventListener('resize', function () {
        myChart.resize()
      })