首页 前端知识 echarts高度自适应

echarts高度自适应

2024-06-02 09:06:48 前端知识 前端哥 974 642 我要收藏

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

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

就需要使用vh单位

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

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

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

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10490.html
标签
评论
发布的文章

无涯教程-HTML5 - 表单标签

2024-06-08 00:06:06

HTML5基础2

2024-06-07 23:06:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!