Support for Synchronized Charts

[heinemannj]

ApexCharts.js supports having multiple charts which support a common and synchronized x-axis: https://apexcharts.com/docs/chart-types/synchronized-charts/

Would it be possible to support this in this card as well?

It would be very useful to have separate graphs for certain data with completely independent y-axes and to be able to display the data in a stacked fashion so that the graphs don't overlap, but still be able to synchronize the viewing of the values at any given point.

Today you can create multiple instances of the card and stack them in a vertical stack card, but the result is not very compact and there is no synchronization between them.

Please see discussion: https://github.com/RomRider/apexcharts-card/discussions/513

[igorsantos07]

I would guess this is not possible because of the way HA renders cards: it creates a shadow DOM for each card, effectively sandboxing every card to its own tiny world. Thus, a graph would not be able to see/interact with another one.

And the discussion you linked has nothing more than this issue.... hahah

Theory aside, what happens when you try to set the recommended options from https://apexcharts.com/docs/chart-types/synchronized-charts/#charts?

Edit: I tried as well and, indeed, it doesn't seem to work. Not 100% sure though, since I did something nasty and my whole dashboard is dragging a LOT at the charts page :clown_face: hahaha

[RomRider]

I have tried something in the past but it didn't work. I'll try something again

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[igorsantos07]

anti-stalebot comment