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

Sync bar and line charts togherter #4188

Open
BeardieB opened this issue Jan 15, 2024 · 0 comments
Open

Sync bar and line charts togherter #4188

BeardieB opened this issue Jan 15, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@BeardieB
Copy link

BeardieB commented Jan 15, 2024

Description

X axis of syncronized charts of type line and bar are not default aligned.
Hovering on a point of the line chart doesn't show the respective point on the bar chart, while the opposite do work.

Steps to Reproduce

  1. Generate two syncronized charts (as per doc, unique chard.it, same chart.group and same yaxis.labels.minWidth), one of type bar and the other of type line
  2. Give them two equal series of data to be sure you provide same x axis values
  3. move the cursor on the line chart's points

Expected Behavior

Generated graphs x-axis values horizontally aligned.
Highlighting of the respective bar chart's point when a line chart's point is hovered.

Actual Behavior

Generated graphs x-axis values are unaligned.
No point of the chart of type bar get highlighted when a point on the chart of type line is hovered.

Screenshots

image
image

Reproduction Link

JSFiddle: https://jsfiddle.net/gvjad7br/1/
codepen: https://codepen.io/Andrea-Barba/pen/ExMZNdM

@BeardieB BeardieB added the bug Something isn't working label Jan 15, 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