[Bug] DataZoom Slider Visualization Incorrect on `type: 'time'` xAxis

### Version

5.5.1

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5JALZW0kC-ANCeTvkaqWUo1YtAG4BDADYBXZm07o8VAE4QqhWAG0S6fgNgATcWHFFt-0ptoAmAAzWALAFpbARifXXtdrFsBdBQstG3tnWwBOJ1cADm9YV1tE_0CLKztHF0jXcLiE5J19NNDMj1s4u3yg4PSwyM9cxICCgSKMiI8AVjiOxubYJosKajoAI3FlFgFWEgHDY3EALWBgBj4CoeFaPEkIAxVJ2GnWAG4gA

### Steps to Reproduce

1. Create a chart with a time-based x axis
2. Have sparsely distributed datapoints
3. Enable the dataZoom slider

### Current Behavior

The slider interpolates by datapoint count rather than by time, resulting in an inaccurate minimap of the data

### Expected Behavior

Instead, the dataZoom slider should interpolate by time, resulting in a minimap more closely resembling the data displayed

### Environment

```markdown
- OS: macOS Sonoma
- Browser: Chrome 131.0.6778.205
- Framework: NextJS 14.2.3
```

### Any additional comments?

_No response_