[Bug] Datazoom bar in time chart does not accurately reflect chart if data is distributed evenly across time

### Version

5.2.2

### Link to Minimal Reproduction

https://jsfiddle.net/zecv4mhy/

### Steps to Reproduce

1. Create a time chart that uses DataZoom.
2. Use time series data that does not have equal size steps between each data point.

### Current Behavior

Currently the datazoom bar view is scaled to the points, meaning that the 50th% point is in the middle of the bar, however this is not how the chart itself functions, there the 50th% point in terms of time is in the middle of the chart. Selecting a part of the chart already works as expected, e.g. 90%-100% means that the last 10% of time is shown.


### Expected Behavior

The data zoom shows the correct line corresponding to the graph (like the basic example below.)

### Environment

```markdown
- OS:Linux
- Browser: Chrome
- Framework: -
```

### Any additional comments?

_No response_