Echarts图表在div尺寸变化时的自适应

Posted 2022-12-06 李晓LOVE向阳

问题描述：当界面完成Echarts图表加载时，这个时候如果调整界面大小，展示Echarts的Div大小也随之改变（div的宽、高是通过百分比设置的），但是Echarts图表的大小未发生改变，压缩在了一起。

解决方案：设置Echarts图表大小在Div大小改变是，重新调整大小。

解决方法：

1、如果是单个Echarts图表

//使用刚指定的配置项和数据显示图表。
myChartSex.setOption(option);

window.onresize = myChartSex.resize;

2、如果是多个Echarts图表

window.addEventListener("resize", function () 
		myChartSex1resize();
        myChartSex2.resize();
	  );

了解更多，请关注微信公众号：