圆环name和指示线重叠，如下图

### Version

5.3.3

### Link to Minimal Reproduction

https://codesandbox.io/p/devbox/dlg4d3?file=%2Fsrc%2FApp.vue%3A10%2C11

### Steps to Reproduce

可以看到，指示线和指示线上的名字以及按照ui要求换行处理的占比，都叠加在了圆环图表上，ui觉得很难看，希望有解决方案

看着antv的实现貌似会好一点

希望echarts官方最好能有解决方案吧

### Current Behavior

可以看到，指示线和指示线上的名字以及按照ui要求换行处理的占比，都叠加在了圆环图表上，ui觉得很难看，希望有解决方案

### Expected Behavior

希望有解决方案

### Environment

```markdown
- OS: windows11
- Browser: 谷歌浏览器
- Framework: vue3
```

### Any additional comments?

我看到之前https://github.com/apache/echarts/issues/4474，这人也遇到这种情况，应该也不是一例两例的事情，希望能最快答复

Start with the linked CodeSandbox reproduction in /src/App.vue at lines 10-11 and reproduce the donut-chart layout using ECharts 5.3.3. Investigate the overlap between the guide lines, wrapped names and percentage labels, then verify that the reproduction has a documented solution that avoids the reported visual collision.

Written by the indexing model from the issue text.