Overlapping labels in xAxis with type="time"

### Version

5.5.0

### Link to Minimal Reproduction

https://jsfiddle.net/qm84x016/1/

### Steps to Reproduce

The data and the code are provided above so the chart is created when running it. The plot looks like this:


### Current Behavior

The problem is that the x axis labels overlap and I have not found a way of solving this.

I have seen the parameter interval in the [documentation](https://echarts.apache.org/en/option.html#xAxis.interval), but I think it cannot be used with type='time' in the xAxis. If I try to add it in the code I get the following error in VS Code (but not on the URL provided):

```
Object literal may only specify known properties, and 'interval' does not exist in type 'AxisLabelBaseOption | AxisLabelOption<"time">'.ts(2353)
```

### Expected Behavior

I want to get a chart where labels do NOT overlap. It would be great if I could add a label per month of data (i.e., 1st May, 1st June...).

### Environment

```markdown
- OS: macOS Big Sur
- Browser: Chrome 124.0.6367.208
- Framework: Ionic 7.2.0 + Angular
```

### Any additional comments?

Thank you!