参考文档：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页，比解决这个问题更厉害，毕竟我主要方向是后台，做出前端是荣耀
