我特喵服了呀,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 ??