echars放大缩小自适应

echars随着屏幕放大缩小

 document.getElementById("mainNum")).style.width='100%'
 window.addEventListener("resize", () => {
      echarts.init(document.getElementById("mainNum")).resize();
 });

原理:浏览器监听屏幕大小变化,执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变,echarts实例会跟着同比例放大缩小。