Echart 切换页面 图表不展示问题

我特喵服了呀,echart,时隔多年,依然没让我失望。

事情起因:
测试小姐姐搁群里说“哎哎,你这XX图表页面一切换菜单后就展示不出来了”

我:????

内心OS:你在开什么玩笑~这特喵这么简单的echart图表我能出这么明显的bug??我本地自测好好的好吧

打开线上环境,我giao,还真特喵的复现了。nani???我自己的代码,不至于啊,have a look look

翻来覆去一时之间竟也找不到问题,无 error 无 warning。这你大爷的神诡了。咋回事呀,我本地好好的。

giao。开始排查。


这里得说下背景,我司采用微应用架构,背后依赖 singleSPA,图表空白是出现在,不同微应用切换才可复现。但是我本地开发起另一个微应用时,内部的依赖工具又特喵神烦,非让我 yarn 才能装包,而此时又有一个不知道 babel搞的什么破包,非让我升级 node 版本。好家伙,我这脾气一下就上来了,就你一个第三方包,还得让我升级 node 版本,凭啥呀。起不了服务就起不了,我自己盲查还不行么。giao

测试小姐姐催得紧,我心里也心浮气躁,看了代码好几遍也没看出来啥问题。一切写的好好的。图表实例初始化了,图表配置页塞进去了,也给了 canvas 的宽高样式了…… 桥豆麻袋!宽高样式?!!!

赶紧去线上看了下出问题的图表,麻蛋,清清楚楚的 canvas height 0

无语…………

啥情况呀,我都通过 class 设定宽高了,凭啥你内部图表库生成 canvas 时,元素高度为 0 ??

posted @ 2022-03-15 22:27  xyJen  阅读(592)  评论(2编辑  收藏  举报