[Bug] markArea xAxis does not work as expected for heatmap

### Version

5.5.1

### Link to Minimal Reproduction

https://codesandbox.io/p/sandbox/magical-bose-sv8qm7?file=%2Fsrc%2Findex.js%3A98%2C2

### Steps to Reproduce

open link to preview the sample
https://codesandbox.io/p/sandbox/magical-bose-sv8qm7?file=%2Fsrc%2Findex.js%3A98%2C2

OR

1 - open heat map sample in echarts website
https://echarts.apache.org/examples/en/editor.html?c=heatmap-cartesian&version=5.5.1
2 - add Markarea code

`markArea: {
data: [ [{name: 'mark',xAxis: '2a'}, { xAxis: '3a'}]],
label: {
color: 'green'
},
itemStyle: {
color: 'orange',
}
}`

### Current Behavior

markarea in heatmap isnt working as spected


it works fine when it is in bar mode:


### Expected Behavior

fix this issue

### Environment

```markdown
- OS: Windows
- Browser: Chrome
- Framework: None
```

### Any additional comments?

_No response_