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

Tooltip crosshair rectangle has wrong width and position in stacked bar chart using shared tooltip #3754

Closed
GwendalPeron opened this issue Apr 4, 2023 · 1 comment
Labels
bug Something isn't working

Comments

@GwendalPeron
Copy link

GwendalPeron commented Apr 4, 2023

Description

When creating a stacked bar chart, if the tooltip shared property is set to true, the crosshair rectangle will have a width different from the bar or tick width and its horizontal position will be off by being centered around the right border of the bar.

Steps to Reproduce

  1. Create a bar chart with its tooltip.shared and chart.stacked properties set to true
  2. Use at least two series with datapoints having the same x value (as a numeric or a date, there is no issues with string values)
  3. Move your cursor above a bar

Expected Behavior

The crosshair rectangle should fit the bar or the ticks.

Actual Behavior

The crosshair rectangle width does not match ticks or bar width and its shifted to the right of the bar

Screenshots

Screenshot 2023-04-04 at 16 25 12

Reproduction Link

https://codepen.io/GwendalPeron/pen/dyqxeXp

@GwendalPeron GwendalPeron added the bug Something isn't working label Apr 4, 2023
@d6d6d6
Copy link

d6d6d6 commented Apr 9, 2024

I am also experiencing the same problem

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