search

apexcharts / vue3-apexcharts

📊 Vue-3 component for ApexCharts
MIT License
314 stars 35 forks source link

xAxis datetime labels issue for specific range #84

Open emailnikola opened 1 year ago

emailnikola commented 1 year ago

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 commented 1 year ago

Still open? Anyone?

github-actions[bot] commented 3 months ago

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.