Issue with X Annotations Disappearing on Zoom in ApexCharts v3 and v4

[alessiocavallo]

Hello,

After upgrading ApexCharts from v1 to v3 and later to v4, we’ve encountered an unusual behavior with X annotations when zooming.

Here’s the scenario:

I have a line chart with X-axis values ranging from 00:00 to 23:59 of a single day, divided into 10-minute intervals.
I added an X annotation covering the range from 00:00 to 12:00.
The issue:
When I zoom into a time range that falls entirely within the annotation period (e.g., between 00:00 and 12:00), the annotation’s color disappears.
The only way to retain the color is to include a time range outside the annotation period in the zoom (e.g., from 10:00 to 14:00).

To help reproduce the issue, I’ve created a test repository using version 4.0.1. The same issue was present in version 3.4.0.

Let me know if you need additional details or examples.

chart-test.zip

[joadan]

Hi, I know there has been some fixes in the apexcharts.js code. Could you please check with the latest version blazor-apexcharts 5.0.0

[alessiocavallo]

Upgrading to v5 does not fix the issue.
The same bug occurs in ApexCharts.js. I found an old issue reporting this bug, which was previously fixed, so it might be a regression.

I have opened a new issue in the ApexCharts.js repository:
apexcharts/apexcharts.js#4904