Hey everyone! So I’m building a pretty custom Lovelace UI over here. One thing that was really bugging me, I couldn’t graph forecasted rain in a history graph. This is a quick little card designed purely for Buienradar (Netherlands) rain forecast data.
I admit, its incredibly rough - I used chartjs to display the graph. That being said, if you know a little javascript you can probably easily modify this to graph anything non historic. You can customize the color, icon and location that it sources rain data from (Netherlands only):
Placed the buien-rain-card.js file into the www directory, added the reference to Lovelace, rebooted and added the code below in an Lovelace manual card:
Actually, I was wondering the same thing. Right now this is a problem with the rough way I have written the code. I sort of had to pick whether to draw the card once, or keep drawing it so it updates. Problem is, it updates alot…
Does anyone know how to reduce the refreshrate of a card? It’s not usually necessary as other graphs work from the built in history graph. I’ll keep looking into it and let you know what I find / update
After a refresh of the page the expected rain is displayed, after a couple of seconds it starts to reload itself unregulated , sometimes a couple times fast, and sometimes a few seconds in between.