echarts 標簽重疊


本文地址:https://www.cnblogs.com/veinyin/p/15650677.html

 

echarts@5.2.2、vue-echarts@6.0.0

最近有點衰,就因為預生產環境有很多跟測試環境表現不一致,一度想跑路不干了,但誰讓咱是個有責任有擔當的好孩子

 

起因是測試甩了張圖到群里,原圖是整張頁面,這里貼的是被我截了的

 

 

 

本來今天就很難過,萬惡的周一,還要在下班時發版

剛剛拼死解決了倆 echarts 的奇葩問題,正在貼上一篇里的截圖,就收到@了

也不知道是誰發明的群里@,簡直就是當街凌遲,還要拿個擴音喇叭高聲呼喊當事人的名字

 

這個問題其實很簡單,簡簡單單增加個屬性,防止標簽重疊就可以了 

屬性是 avoidLabelOverlap,給成 true。在 series 里,跟 data 同級,配置項里有說明,不展開說了

 

但是!在官網里嘗試了 5.x 的所有版本,無論是單行還是多行,全都會自動防止重疊,並在圖表項過多時減少展示的個數

網上查標簽重疊,說單行可以用 avoidLabelOverlap,但多行不行

多行只能 1. 設置最小顯示標簽角度 minShowLabelAngle,2. 設置餅圖最小顯示角度 minAngle,或者 3. 換成玫瑰圖

人麻了,要這樣弄產品和設計能合起伙來打死我,可能跟版本有關吧

親測 avoidLabelOverlap 有效,現在長這樣。版本在開頭貼了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM