本文地址: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 有效,現在長這樣。版本在開頭貼了

