echarts高度自适应

因为echarts图是要设置宽高才能显示,所以对于普通的界面设定好宽高就可以了

但是对于需要高度自适应的,例如要适应不同的分辨率屏幕就不能设定固定的宽高了

就需要使用vh单位

vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1%视口高度

.echarts{
    
    
	height:400vh;
	width:100px;
}

通过视口的高度去调整echarts图的高度

如果是要适应窗口大小,则需要使用window的resize方法,可阅读这篇博客
如何配置echarts响应式

一般来说高度自适应和适应窗口大小都是需要考虑的

猜你喜欢

转载自blog.csdn.net/weixin_44001222/article/details/128509994