Add Sync feature to graph card to synchronize zooming and panning on multiple values

Hello,

I love the new feature of zooming and panning in graph cards as well as in the history panel.
However, when I want to check the graph of multiple entities, with different units but on the same graph card (e.g hot water heater flowrate (l/h) and hot water temperature (°C)), I often find it hard to align the two coordinate systems so that the same time range is shown for both of them.

Thus, I would like to propose the addition of a feature that, when enabled for a graph card, synchronizes the zooming and panning so the same timeframe is shown in all of the coordinate systems on that card.

In the attached screenshot I deliberately only zoomed on one of the graphs to show how they are out of sync:

It would be incredibly useful for diagnosing both automation issues (e.g “lighting didn’t turn on - was it too bright or was the sun angle condition in my automation wrong?”) as well as other technical issues

(e.g “water for a hot bath not getting warm enough”, I would pull up a graph of the flow rate, the pellet heater duty cycle and the temperature, zoom in on the timeframe with the high flowrate, and the timeframe for the temperature and duty cycle would be adjusted automatically to show the same period of time).

Best regards
Aaron

Hello Aaron Eisele,

This appears to be a Frontend Related Feature Request as it is asking for changes to Frontend Menus, Dashboards, or Sections.

These Feature Requests are handled in a different system, and will not be seen by the right people here.

Please add your Feature Request into GitHub here:
home-assistant/frontend Other Feature Requests · Discussions · GitHub.

See more info about Feature Requests HERE