echarts初始化时只显示100px的问题
初始化el-container时，需要选择项目才可进入el-main；但是就页面而已，相对应的路由已经进去了，el-main使用的是v-show进行的判断，后面改成v-if即可，下面补充一下二者的区别：
- v-show: 根据条件显示DOM元素的指令，可以用来动态控制DOM元素的显示和隐藏。v-show后面跟的是判断条件，不管初始条件是什么，元素总是会被渲染;
- v-if: 根据表达式值的真假来销毁或者重建一个绑定的DOM元素
以上就能明白为什么show为false，但是对应的路由还是执行了，导致echarts在element还未mounted时就加载，获取不到父级的width和height。
遇到问题呢，可以看下具体问题；就echarts只显示100px的问题，有以下方案：
1、直接设置echarts的宽高；
2、如果有el-tag, 设置v-if进行判断显示echarts模块的显隐；
3、设置一个定时器 settimeout去init chart；
等等。。。具体问题具体分析
window.addEventListener('resize', () => {
chart.resize()
})
原文地址：https://blog.csdn.net/weixin_45190306/article/details/137238919
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！