You can’t mix and match card attributes on any old card. You need to read the cards documentation and only use the attributes that the card allows. Mini graph card doesn’t support a style attribute
If you want to change the style, you should use the card-modder card to adjust the style.
Awesome concept, very creative!
The styles applied in the picture-element is only applied to the root element of the card and not the actual <ha-card> element, which is the element containing the actual background.
As petro said, you can utilize card-modder to apply styles to the <ha-card> element.
I would also recommend using the mini-graph-card config option group: true in your setup.
And this is the result, the card modder worked perfectly!
One thing @kalkih, it would be great if the graph showed the time for the sample when the mouse is placed over a point, but I don’t see an option for that, is that worth a feature request?
The ‘pump’ in the animation is not really what I want, we do have a small waterfall in the pool, but I would rather have a pump of some sort animated, just can’t find a proper one.
Cool!
I don’t have flash installed so can’t watch the video unfortunately.
The time & value is displayed by default when you hover a point, it’s not visible if you hide the state however.
Ahh, I see, ok, that will not work for me, as the text is placed too high, I will need to manipulate my background image, and stretch it to have room enough for it…
I’ll just live without it
Hi, this was a bit of an old post but I really wished you had posted your ha-card code as I can’t figure out the CSS of it to make the bg of the custom mini card transparent. If you still have… would you mind? Thanks (The screencast requires flash which is not possible to use anymore)
Thanks!