[Bug] Truncated Data Label in Datazoom component

### Version

5.3.2

### Link to Minimal Reproduction

https://codesandbox.io/s/xvivf1?file=/index.js

### Steps to Reproduce

add datazoom-slider to a chart

### Current Behavior

Data label is truncated when there's no enough space

### Expected Behavior

Data labels should be shown adaptively. When there's no enough space to the left of the handle, the data label should be shown on the right, and vice versa, just like the pic below.

### Environment

```markdown
- OS:win 11
- Browser: chrome 111.0.5563.111
```

### Any additional comments?

_No response_