因为echarts图是要设置宽高才能显示,所以对于普通的界面设定好宽高就可以了
但是对于需要高度自适应的,例如要适应不同的分辨率屏幕就不能设定固定的宽高了
就需要使用vh单位
vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1%视口高度
.echarts{
height:400vh;
width:100px;
}
通过视口的高度去调整echarts图的高度
如果是要适应窗口大小,则需要使用window
的resize方法,可阅读这篇博客
如何配置echarts响应式
一般来说高度自适应和适应窗口大小都是需要考虑的