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

Apexcharts stroke causes vertical bars to flip on the x-axis when the value is sufficiently small #4882

Open
AnisShamaazi opened this issue Dec 18, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@AnisShamaazi
Copy link

Description

Stroke seems to shift small bars away from where they're supposed to be.

Steps to Reproduce

Create a bar chart with height 325. Have a stroke of colour transparent and width 1. Have a border radius of 4 with application 'end'.
Create two series of data. Some data points have to be high and the others really low (let's say >80 and <2).

Expected Behavior

The bar chart should show a gap between bars of different series without making any very small bars flip over.

Actual Behavior

I guess because the stroke is applied all around the bar, it somehow moves it down?

Screenshots

image

Reproduction Link

I'm using react-apexcharts but I've replicated the same problem with the base library:
https://codepen.io/Shazami/pen/xbKqXea

@AnisShamaazi AnisShamaazi added the bug Something isn't working label Dec 18, 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