Tree graph node overlaps with each other, as node symbol size gets bigger.

### Version
4.9.0

### Steps to reproduce
Use this option in the editor

```
option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',

data: [data],

top: '1%',
left: '7%',
bottom: '1%',
right: '20%',

symbolSize: 100
,

label: {
position: 'left',
verticalAlign: 'middle',
align: 'right',
fontSize: 9
},

leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},

expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750
}
]
}
```

### What is expected?
Each node should auto adjust their margins/distance from each other as each node symbol size change.

### What is actually happening?
Nodes overlaps with each other as their symbol size changes