[Bug] candlestick item changes color while dragging

### Version

5.3.0

### Link to Minimal Reproduction

_No response_

### Steps to Reproduce

1. A set of data with the same closing and opening prices and a downward trend.


2. Leftmost item's color changes from red to green when dragging to the right.


3. Drag it back and the leftmost item’s color changes from green to red.


### Current Behavior

The color of the leftmost item changes between red and green while dragging.


### Expected Behavior

Leftmost item color remains consistent during dragging.

### Environment

```markdown
- OS: Windows 10 Pro 21H2
- Browser: Microsoft Edge 98.0.1108.43
- Framework: Angular@11.2.4
```

### Any additional comments?

#### Echarts Editor Code

```typescript
option = {
animation: false,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
xAxis: {
data: new Array(30).fill('').map((o, i) => '2017/03/' + (i + 1))
},
yAxis: {},
dataZoom: [
{
type: 'inside',
xAxisIndex: [0, 1],
start: 50,
end: 100
}
],
series: [
{
type: 'candlestick',
data: [
2, 3, 4, 5, 6, 5, 4, 3, 4, 5, 2, 3, 4, 5, 6, 5, 4, 3, 4, 5, 2, 3, 4, 5,
6, 5, 4, 3, 4, 5
]
.reverse()
.map((i) => [i * 10, i * 10, i * 10, i * 10])
}
]
};
```