Prevent overlapping elements

### Version
5.2.0

### Reproduction link
[https://codepen.io/ataft/pen/dyWxpyG](https://codepen.io/ataft/pen/dyWxpyG)

### Steps to reproduce
There are many open issues where various elements are overlapping with each other. Axis names overlap with axis labels, the legend and grid overlap, axis labels are cut, timeline overlaps with axis, etc. This makes it very difficult to manually set grid top/bottom/left/right, axis nameGap, legend location, top/bottom/left/right for non-grid series (e.g. pie), and separate non-series top/bottom/left/right settings (e.g. parallel).

Here are some of the open issues that highlight the problem:

Axis names overlap with axis labels
https://github.com/apache/echarts/issues/9265
https://github.com/apache/echarts/issues/14996

Legend and Grid overlap
https://github.com/apache/echarts/issues/14252
https://github.com/apache/echarts/issues/14724

Axis Labels cut off
https://github.com/apache/echarts/issues/15562

Label overlap in scatterplot
https://github.com/apache/echarts/issues/15509

### What is expected?
Elements are sized appropriately based on positions

### What is actually happening?
Elements overlap