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

Allow precise horizontal alignment of graphs #88034

Open
ppetr opened this issue May 18, 2024 · 3 comments
Open

Allow precise horizontal alignment of graphs #88034

ppetr opened this issue May 18, 2024 · 3 comments

Comments

@ppetr
Copy link

ppetr commented May 18, 2024

Why is this needed: When there are multiple graphs with different labels, each of their x axes is aligned slightly differently:

sample graph

This makes it more difficult to analyze times and connections of events occurring in multiple graphs.

What would you like to be added:

  1. Add an option that would cause all graphs to be perfectly horizontally aligned. That is, that two points on the screen corresponding to the same timestamp would have the very same horizontal position on the screen (the same screen x coordinate).
  2. (Can be implemented independently of 1.) When hovering over a graph, show the vertical hover marker (cross) not just in the single graph, but in all graphs at the same timestamp.
    marker

Who is this feature for?

For data analysts that investigate causality relationships between events.

@leeoniya
Copy link
Contributor

leeoniya commented May 18, 2024

Add an option that would cause all graphs to be perfectly horizontally aligned

this is a hard problem when you can have multiple y axes, different formatting/units, different y ranges, and completely arbitrary panel widths + arrangements.

#4469

When hovering over a graph, show the vertical hover marker (cross) not just in the single graph, but in all graphs at the same timestamp.

this exists in dashboard settings called Shared crosshair or Shared tooltip.

@ppetr
Copy link
Author

ppetr commented May 18, 2024

this exists in dashboard settings called Shared crosshair or Shared tooltip.

Perfect, I didn't know, thank you!

@cschlipf
Copy link

cschlipf commented May 20, 2024

Just specify a fixed width for the y Axis for both charts and the x-Axis will align. You will however have to place all y-Axes on the left.

image

Result:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants