vue3-apexcharts icon indicating copy to clipboard operation
vue3-apexcharts copied to clipboard

xAxis datetime labels issue for specific range

Open emailnikola opened this issue 2 years ago • 2 comments

Specifically for range which starts at midnight of the current day there is an issue with injecting DAY label on xAxis. DAY label pushes all other labels to the right causing all xAxis labels (but first one) to miss one tick.

It appears that the issue is visible only when first HOUR label is midnight followed by the DAY label.

image

Changing the xAxis label datetimeFormatter for the DAY from 'dd MMM' to 'dd MMM -> HH:mm' shows issue more clearly.

image

It's clear that there are two mignight labels instad of one.

Looks like the DAY label replaces HOUR label properly except if HOUR label that needs to be replaced is the first label on xAxis. In this situation the DAY label instead of replacing HOUR label -> it gets added after it.

Also: by moving the startDate by only 10-20 minutes left/right this issue disapears.

emailnikola avatar Aug 18 '23 13:08 emailnikola

Still open? Anyone?

emailnikola avatar Oct 20 '23 14:10 emailnikola

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] avatar Aug 02 '24 14:08 github-actions[bot]