首页 前端知识 echarts高度设置height:100%不起作用

echarts高度设置height:100%不起作用

2024-06-10 23:06:14 前端知识 前端哥 673 95 我要收藏

如下图所示:

一般原因是因为在tab页中,图表的父容器div是隐藏的(display:none),图表在执行js初始化的时候找不到这个元素,所以自动将“100%”转成了“100”,最后计算出来的图表就成了100px;

解决方法如下:

页面高度:document.body.clientHeight 减去其余的div高度就可以了

document.getElementById("taskStatisId").style.height=document.body.clientHeight-428+"px"

结果如下:

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

第一次实验补充

2024-06-18 09:06:14

html5shiv,从入门到深入

2024-05-09 10:05:07

html5基础入门

2024-06-18 09:06:07

HTML5学习简记

2024-06-18 09:06:20

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