Hi, I send data from my windmeter via MQTT to HA.
When I try to use the compass card, the arrow does not move.
What am I doing wrong?
I think you should remove the attribute: azimuth line.
If that does not work, please post the result of the Developer Tools → States Tab page, when filtering on sensor.meteo_wind_richting. Then I can see if the format of the sensor or one of its attributes could be used for the indicator sensor.
Dank je Tom.
The removal of azimuth worked!
1 Like
Hi Tom, would you like to share your background imges that you use in your theme?
It looks really nice!
Sorry I have not used background images for a while and I no longer have them. Now I use a gradient fill instead.
I kept them for debugging puroses.
You can find them here:
Dashboard background day
Per card background day
Dashboard background night
Per card background night
And config files for the themes:
Day theme
Night theme
Disclamer, I havent checked the correct working of the theme yaml files for some time, so they might be broken with current Home Assistant version or Card-Mod version.
What card are you using for your graphing data?
Thank you!
What is that sun card you are using?
I don’t use it anymore. Search HACS for “sun card”.
The original sun card was deprecated by its developer. Check out this fork:
Any updates on this request? I think thats a great idea also. Be nice to show wind gusts as well.
I know this has come up before. Im really interested in replicating these two graphics. Your compass is pretty close. Is it possible to add more data, perhaps a little smaller to show wind gust, or even wind chill? How about the temp gauge? Do you have anything like that? The color changes with the temp.
Thx
4 Likes
I need a little help here. I downloaded the day per card background png and placed it into my config/www/images folder as day.png. What is the next step to getting the image as a card background?
This works for me
type: custom:compass-card
indicator_sensors:
- sensor: sensor.windrichtung_in_grad
indicator:
type: arrow_inward
color: orange
dynamic_style:
sensor: sensor.windgeschwindigkeit
bands:
- from_value: 0
color: '#039BE5'
- from_value: 25
color: '#0da035'
- from_value: 50
color: '#e0b400'
- from_value: 75
color: '#e45e65'
compass:
circle:
background_image: /local/building.png
background_opacity: 0.5
color: orange
north:
color: green
show: true
south:
show: true
color: green
east:
show: true
color: green
west:
show: true
color: green
language: de
style:
top: 50%
left: 50%
box-shadow: none
background-color: transparent
transform: scale(1,1) translate(-50%,-50%)
card_mod:
style: |
.sensor-1 .measurement {
font-size: 1 em !important;
}
value_sensors:
- sensor: ''
imho, your path should be:
background_image: /local/images/day.png
Using this theme, i can get the dash bachground and the cards to change, but not the background image of the card. What did i forget?
Nothing. The cards are semi-transparent with no card background.
Can be the direction offset an entity? On a boat would be the aft position to the north
Is there a way to make adapt the font size of the readings?
I did a few trials with no success to make the lower gust value smaller
type: custom:compass-card
indicator_sensors:
- sensor: sensor.xyz_vent_direction
indicator:
type: arrow_inward
dynamic_style:
sensor: sensor.xyz_vent_vitesse_moyenne
bands:
- from_value: 0
color: '#039BE5'
- from_value: 10
color: '#0da035'
- from_value: 15
color: '#e0b400'
- from_value: 20
color: '#e45e65'
- from_value: 30
color: '#cc00ff'
value_sensors:
- sensor: sensor.xyz_vent_vitesse_moyenne
decimals: 1
- sensor: sensor.xyz_vent_vitesse_rafale
header:
title:
value: Xyz
Cheers