[Infrastructure UI] Enable Tooltip Sync across the Metric Charts in Hosts View

[mohamedhamed-ahmed]

:notebook: Summary

Hovering on any of the Metric charts shows a tooltip on only that chart, we need to sync this tooltip across all charts so that its easier to correlate the data together.

👎 Current Behavior

👍 Expected Behavior

👨‍💻 Implementation hints

We can make use of the SyncTooltip flag on the embeddable component.

[elasticmachine]

Pinging @elastic/infra-monitoring-ui (Team:Infra Monitoring UI)

[mohamedhamed-ahmed]

After creating a Draft PR for this change and playing around, I encountered an inconvenient behavior where the tooltips overlap when we have more than 5 hosts. I have recorded a video for it below.

We need to think of a better way to implement this so that it doesn't hinder the UI experience for the user. Things we might consider:

1. Enable the feature when we have a specific number of hosts. ex: 5 or fewer hosts displayed
2. Configure the feature so that it can be enabled and disabled per graph by the user.
3. Check if there is a way to sync the tooltips on the y-axis as well so that they respect the movement of the mouse on the main chart.

A thread discussing more possible solutions is here.

https://user-images.githubusercontent.com/11225826/221564581-72eae15e-3503-4422-9d9e-080b80378460.mov

[elasticmachine]

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

[botelastic[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Bluefinger]

After testing with #192498, it became clear that the synced tooltips between charts came with same usability issues. It became a bit too "busy" and provided far too much information in the screen without really helping the user see the correlations between datapoints/contexts. The current behaviour of just one tooltip remains more usable. There were also issues regarding how the tooltips aligned/showed when all were visible at the same time that impacted visual quality, which would have required considerable effort to resolve when the approach itself does not seem to be the best way forward.

Based on discussions had in the PR above, it is likely there will be better ways to highlight data correlations. Therefore, closing the ticket since if another approach is decided upon, it will be tracked through a new issue.