一次奇葩的BUG修復經(jīng)歷
测试提了一个bug,说图表的标签名称显示不全
我一看,这个问题很简单吗,修改下高度不就行了!
我兴冲冲找到当前图表DIV的class,把height值从400px改为420px,改为一看,我擦,只是图表显示区变高了,标签文字区还是原样。
怎么办?哦,可能是margin-bottom的问题,从1rem改为2rem,再刷新一看,我擦,只是图表之间的距离变高了,标签区还是没变。
冷静下来思考下,嗯,这个图表是通过ECharts插件生成的,改样式没用,得改ECharts的配置。
于是我在JS文件中找到了坐标轴的通用配置项:
对照着API文档逐个看每个参数的意思。我改了nameGap的值,没用,因为是标签之间的距离的,改了interval的值,没用,因为是决定是否全部显示标签的。
这个JS文件是我们的开发人员自己写的,不是这一层的问题,那还需要继续深挖呀。肯定是ECharts插件本身的问题啊。
可是,ECharts插件我用起来都不熟练呢,我怎么能找到里面要改哪些东西!近3万行代码呀!!!
作为一个有抱负的程序员,肯定不能被这种bug吓倒啊。
于是,我打开QQ截图,测量了一下标签显示的高度,是60px
然后,我打开echarts.js插件的代码,在里面搜索‘60’这个数字,不多,共6处。
搜到bottom: 60这处时,心里一阵激动,应该就是它了,于是把60改为了80。
刷新一看,[BINGO!] 搞定!
點擊查看更多內(nèi)容
5人點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦