[Bug] Heatmap does not show chart after a large no-data gap

### Version

5.2.2

### Link to Minimal Reproduction

_No response_

### Steps to Reproduce

1. Using the following link to create a heatmap chart:
https://echarts.apache.org/examples/en/editor.html?c=heatmap-large

2. Replacing line 11 in function generateData(theta, min, max) with the following 6 lines of code:

if (i> 10 && i<160) {
data.push([i, j, undefined]);
}
else {
data.push([i, j, noise.perlin2(i / 40, j / 20) + 0.5]);
}
3. click on Run button to generate the chart. Let your mouse cursor stay focused on the Run button. Do not move your mouse.
If you moved your mouse and remaining chart was drawn, click on Run button again, then immediately hands off your mouse to reproduce the problem.

### Current Behavior

No chart is drawn for x (i.e. i) > 160 and x <= 200.

### Expected Behavior

Chart shall be shown between x (i.e. i) > 160 and x <= 200.

### Environment

```markdown
- OS: Windows 10
- Browser: Google Chrome Version 110.0.5481.78 (Official Build) (32-bit)
- Framework:
```

### Any additional comments?

_No response_