axis name and label overlaps when the nameLocation is 'center' or 'middle'

### Version
4.7.0

### Steps to reproduce
in this example https://echarts.apache.org/examples/en/editor.html?c=watermark
add these lines to yAxis:
```
name:'some longe name',
nameLocation:'center',
```

### What is expected?
the name comes after the longest label name automatically

### What is actually happening?
the name and label overlaps

---
we can fix it by nameGap for a certain resolution
but it is not dynamic and on different resolution the it may be wrong
besides when using a dynamic charts when the label length is unknown we can not be sure how much nameGap we must consider

Start with the linked ECharts watermark example and reproduce the yAxis configuration using a long name and nameLocation set to center. Trace the axis layout handling for labels, name, and nameGap; the issue names no source file or test. Done means the centered axis name no longer overlaps the longest label across dynamic chart sizes.

Written by the indexing model from the issue text.