echarts动态设置容器宽高

最新推荐文章于 2024-04-28 16:21:00 发布

原创最新推荐文章于 2024-04-28 16:21:00 发布 · 3.4k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

echarts 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种通过获取父节点的宽度和高度来动态调整ECharts图表容器尺寸的方法，确保图表在显示与隐藏切换时能够自适应布局。

通过获取父节点的宽高来设置echarts容器的宽高，适用于图表切换显示与隐藏时用

var chart_preHist = echarts.init(document.getElementById('chart_preHist'));
var mWidth = $("#preHist").width();  // 获取父节点宽高
var mHeight = $("#preHist").height();
chart_preHist.resize({width:mWidth, height:mHeight});  // 动态设置容器宽高