[Bug] Heatmap with time (x-axis) and value (y-axis) axies is not working correctly

### Version

5.4.2

### Link to Minimal Reproduction

https://codepen.io/ragava28/pen/XWyKaYY?editors=0011

### Steps to Reproduce

I am trying to plot heatmap with time as x-axis type and value as y-axis type , with real time data every few seconds. but the chart is not showing Square/rectangle correctly. it working correctly only if we have category axis, but my need is value & time type axies.

Any other way to achieve this behavior ?Any suggestions on this would be helpful.

### Current Behavior

Instead of showing Square/Rectangle for each point , it is showing thin line .

### Expected Behavior

it should show Square/rectangle for each point in the chart, closely expected solution is in sample it self.
[https://codepen.io/ragava28/pen/XWyKaYY?editors=0011](url)


### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_