本文地址:https://www.cnblogs.com/veinyin/p/15650108.html
echarts@5.2.2、vue-echarts@6.0.0
設計圖:
文字 label,定位使用 labelLayout
測試環境正常,預生產環境如下圖所示
本來展示的 label 有兩個覆蓋率兩個安裝率,這是修了一版之后的截圖
代碼是周五提交的,圖是周一截的,懶得去弄重復的了圖,湊合看
問題定位:
把配置復制到官網示例里,最終確定是 labelLayout 配置未生效
預生產加了日志,確定 Echarts 版本 5.2.2,option 中 labelLayout 是設置好的值
補充:label 有兩份是正常的,還有一個是灰色環的,在 data 里給要展示的加 label 就行了。測試環境好的應該是定位生效重合了而已
修復:
其實在定位問題時就很無奈了,在解決重復 label 時,還換了一種 labelLayout 的寫法
事實證明上了預生產之后,這個屬性就像不存在一樣,放棄掙扎了,改用 div 自己定位過去了
所以其實到現在我都無法理解為什么 labelLayout 成功設置了但卻不生效,而且還只在預生產環境有問題,只能先記錄下來
預生產環境也很奇葩,說是提交代碼到相關分支后會立即重啟,然而我卻等了至少兩個多小時才看到更新后的內容(期間強刷了很多次)
可能得找運維聊一下,了解了解環境差異了,太痛苦了,已經測試通過的功能又花了兩天打補丁
五點半上線期待一切順利,能正常下班~