隐藏div下的自适应echarts图表宽度很窄

参考文档：https://blog.csdn.net/weixin_33976072/article/details/93011523

问题描述：有两个页签，初始显示页签1，当切换到echarts页签时无法使echarts处于正常宽度
目的：在有页签的情况下，自适应显示echarts图表

分析及解决方案：隐藏div下无法获取到div的宽高，点击切换标签初始化echarts，可以实现自适应，但是不改变窗体大小时，echarts图表宽度很窄，如图3，方法：手动调用 echartsInstance.resize() 调整尺寸 官方文档：https://www.echartsjs.com/zh/api.html#echartsInstance.resize

页签1 正常状态 图3

关键代码：
手动调用

var echartBar = echarts.init(document.getElementById('d2'));
 echartBar.resize();//手动调用

宽高自适应

 window.onresize = function () {
         echartBar.resize();
        }

源代码我放到另一篇排名展示文章中贴出来，做出来一个自我感觉还可以的web页，比解决这个问题更厉害，毕竟我主要方向是后台，做出前端是荣耀