[JavaScript知识库]大屏项目，如何适配，echarts文字问题，以及Echarts的自适应问题

????????对于很对第一次接触大屏的小伙伴们，都在困惑怎么适配超大的屏幕，其实方法很简单，用postcss-px2rem插件，也就是移动端适配经常用的就可以解决这内问题

npm i postcss-plugin-px2rem --save -dev

?注意一个地方就是我们的remUnit不要写错了，要不然不会生效

? ? ? ? 适配好以后，我们还会发现一个问题，不管怎么刷新页面，我们的Echarts文字和格格不入，这个时候我们就需要暴露一个方法，并引入到我们的Echarts组件中如下

/**
 * @description canvas字体大小计算
 * @param {px}  字体大小
 */
export function convertPx(px) {
  return (
    (px / 384) *
    parseFloat(document.documentElement.style.fontSize.replace('px', ''))
  );
}

? ? ? ? 字体配置好了以后，我们会发现一个问题，就是变化我们的分辨率大小的时候，Echarts不会自适应，这个时候我们需要的是监听我们的屏幕大小如下：

window.addEventListener("resize", function() {                
	myChart.resize();           
});

? ? ? ? 这个时候你会发现我们的Echats动起来了，不过来一个resize监听不到的地方，当然大屏可能不会出现（我的另一个博客会有讲到）

***！！！注意记得清除监听