Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Columns on a DateTime XAxis with a MinMax Don't Use Entire Xaxis #4833

Open
tharmaman opened this issue Nov 27, 2024 · 0 comments
Open

Columns on a DateTime XAxis with a MinMax Don't Use Entire Xaxis #4833

tharmaman opened this issue Nov 27, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@tharmaman
Copy link

tharmaman commented Nov 27, 2024

Description

Rendering a 'column' chart on a datetime axis with a min/max does not use the full xaxis.
apexcharts_datetime-column-full-axis-chart

This is contrasted to using a 'line' chart which applies the min/max on the xaxis as expected.
apexcharts_datetime-column-full-axis-line

Steps to Reproduce

  1. Use an xaxis of type: 'datetime
  2. Add a min and max to xaxis
  3. Add an xaxis label formatter function through xaxis.labels.formatter to enforce the min max as per Set max xaxis value is not showing #93 (comment)

Expected Behavior

The xaxis starts at the min and ends at the max.

Actual Behavior

The xaxis renders the min and max range in the middle. With unspecified space between the xaxis start and min + max and xaxis end.

Reproduction Link

https://codepen.io/LoopBoi/pen/zxOYJxx

Notes

The example I posted is a simplified example to help with debugging and isolating purposes.. For context, this ends up being an issue for larger mixed charts like I'm working on below. Sometimes it decides to cluster all the values in the middle for whatever reason.

Screenshot 2024-11-27 at 4 15 56 PM
@tharmaman tharmaman added the bug Something isn't working label Nov 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant