我使用了element-resize-detector来自适应改变图表的大小
主要情况有几种:
1. 变大的时候可以自适应,变小的时候就不行,直接冲出了屏幕。
2. 图表是组件封装以后引用的,不知道会不会有样式覆盖
3. 如果隐藏掉图表,容器还是可以自适应变化大小的
4. 查看dom发现画布撑开了容器并没有随着浏览器变小而变小
是不是因为某个父容器宽度没有设置好导致的呢?(整个项目代码过大我也不知道怎么上代码)
发现了问题所在,连续两个元素嵌套(父元素和祖先元素)都用的flex:1,导致获取不到父元素的宽度,父元素用监控祖先元素的宽度然后计算赋值就好了。
给echart外部给一个最小宽度算了