Stacked Bar Charts with two entities

[Salsalove]

Hi everyone. I’m looking for a simple stacked horizontal chart with 2 entities like this:

Can you help me to find something? Thanks

[tom_l]

GitHub - custom-cards/bar-card: Customizable Animated Bar card for Home...

It is highly customisable.

[Salsalove]

Thank you. During my research I saw this custom-card, but it looks like you can’t use two entities on the same bar.

[tom_l]

@Salsalove

I’m looking for a simple stacked horizontal chart with 2 entities like this:

Ah I see. There are actually four entities in the example (two for the top bar, two for the bottom).

Unfortunately no, I don’t know of a chart like that.

[octoplayer2]

Hi, did you find a solution to this?.. I am after exactly the same thing.
Regards Kevin

[danleongjy (Daniel Leong)]

I’ve hacked together something that can achieve this with custom:button-card - let me know what you think!

[WolfWolf]

Thanks again, I like a lot. See also my adaptation for absolute values:

100% Stacked Bar Graph with ApexCharts Styling

Wow, thanks a lot for this “hacked” horizontal bar chart. Works super well. I adapted it for a segmented bar chart with absolute values. [Screenshot 2025-08-07 090215] Like this I can show the live values of my home’s power consumpton including the info where the power is coming from. Here the code I used Template: button_card_templates: bar_chart: styles: card: - padding: 0px bar_chart_segment: variables: percent: >- [[[ return Math.round(parseInt(en…