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

Markers for line chart are off the line if i have a stacked bar 100% chart below it #4603

Closed
cynde opened this issue Aug 1, 2024 · 4 comments
Labels
bug Something isn't working

Comments

@cynde
Copy link

cynde commented Aug 1, 2024

Description

I have a line chart and the markers are not in the correct position (off the line) ONLY IF I have a stacked bar 100% chart below it with more than 1 type for the data. Below is the attachment:
image

I have 2 environment site, dev and prod. the code is literally same. But this bug only appears in production env. I also tried to reproduce in codepen but it doesn't appear. But I have a screenshot for the bug in my production environment. (same with this bug: #4600. -> this bug only appears in my dev site, prod site is fine so i think this may be another bug).

Anyway, I debugged and when I only have 1 type of data for my stacked bar chart, the markers are not off the line. But since i have 2 type of data (you can see there are 2 color for the stacked bar chart), the markers for the line chart are off the line.

Steps to Reproduce

  1. Have a line chart
  2. Have a stacked bar 100% chart below it
  3. The markers for the line chart will be off the line

Expected Behavior

Markers should not be off the line
image

Actual Behavior

image

Reproduction Link

this is the codepen but somehow the markers are fine here : https://codesandbox.io/p/sandbox/react-basic-example-forked-7gq9tm?file=%2Fsrc%2FApp.js%3A186%2C15

@cynde cynde added the bug Something isn't working label Aug 1, 2024
@brianlagunas
Copy link
Member

As you can imagine, if this cannot be duplicated, it will be extremely difficult to find the issue. Can you create a sample that does reproduce it locally, push it to a GitHub repo, and provide the link to the repo? We have to be able to duplicate the issue.

@cynde
Copy link
Author

cynde commented Aug 2, 2024

understand. but i copied literally my code to the codepen. and it does not appear. anyway this video maybe can help to understand the bug. record this using slow 3g so the data of the stacked bar chart comes later than the line chart. if the data for the stacked bar chart is loaded, the markers for the line chart will off the line.

screen-recording-2024-08-02-at-142025_AZeHkTho.mov

@cynde
Copy link
Author

cynde commented Aug 2, 2024

anyway, i'm using react apex chart

@brianlagunas
Copy link
Member

I'm sorry, but a reproduction app is required. We cannot fix what we cannot duplicate. I will reopen when you provide a sample that reproduces the issue.

@brianlagunas brianlagunas closed this as not planned Won't fix, can't repro, duplicate, stale Aug 2, 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

2 participants