igorsantos07
commented
4 months ago 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
github-actions[bot]
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