Time axis chart issue with data zoom

### Version
5.0.2

### Reproduction link
[https://stackblitz.com/edit/angular-echarts-issue-time-mhgdex?file=src%2Fapp%2Fapp.component.ts](https://stackblitz.com/edit/angular-echarts-issue-time-mhgdex?file=src%2Fapp%2Fapp.component.ts)

### Steps to reproduce

Click 'Load Data 1' button to load one set of data in chart
Change only starting point of chart by zooming using slider (Can also click on 'Change Time Range 1' button)
Click on 'Load Data 2' button to load second set of data
Chart will get messy at end. (On zooming it will get rectified)

### What is expected?
A graph with a curve without crossing.

### What is actually happening?
The chart is getting messy.