echarts的餅圖label標簽重疊解決辦法

1. 未使用formatter，不使用formatter的情況下label重疊主要是沒有設置
   第一步：調整文字的顯示大小，字越小就越不會重疊

   第二步：設置最小扇區角度，minAngle（最小的扇區角度（0 ~ 360），用於防止某個值過小導致扇區太小影響交互）

   第三步：avoidLabelOverlap（是否啟用防止標簽重疊策略，默認默認開啟，默認是true ，可以不設置，但是不能設置成false）

2. 使用了formatter
   使用了formatter的情況下重疊的情況有
   
   這種情況一般是因為在series中的label中設置了padding的值，echarts不會考慮padding是label的內容，所以不會計算padding在內，導致了重疊
   解決辦法：
   第一步：設置padding為0，或者不設置padding（默認是0）
   第二部：不設置padding會出現邊框和字體的重疊 如下
   
   解決辦法就是在formatter的文本開始和結束前后各加一個\n 用換行來代替padding，換行的寬度是會被echarts計算在內的，如圖
   

formatter: '\n 事件等級：{b} \n 事件數量：{c}起 \n 事件占比：{d}% \n', 

結果就是這樣了：

既美觀也不會重疊！

 

---