grid 布局写大屏图表

hello 大家好 ^_^

之前写大屏布局一直拿不定主意是用grid或者是flex

grid使用后会导致图表出现很多问题

问题

问题1：gird子盒子宽度如果给1fr那图表设置宽度100%会一直撑开没有办法缩回去
解决方法1: 给grid下布局的子盒子overflow hidden，让子盒子有控制宽度的能力（应该是这样）

问题2：给grid下布局的子盒子overflow hidden属性后tootip超出盒子边缘会被截取
解决方法2：echarts API 配置tooltip.confine为true（看官网的重要性）

tooltip:{
    confine: true
}

现在博主还是属于小白阶段，因为最近一直写echarts，希望大佬能给出其他关于grid写大屏的建议   ^_^