Bei mir zeigt die Button Card mit der Windrichtung immer in die entgegengesetzte Richtung. Die windrose-card zeigt die Richtung korrekt an.
Der urspüngliche Code der Button Card zeigte den Pfeil verkehr an, dann hast du es irgendwann auf Wunsch einen Mitglieds angepasst, dass er in die andere Richtung zeigt.
Jetzt hatte ich gestern den neuen Code von dir vom 03. Februar getestet und der zeigt den Pfeil bei mir wieder in die falsche Richtung an. Mit ist aber der Unterschied in den Codings nicht so ganz klar, sonst hätte ich es selbst geändert
Wenn das für dich passt, dann ist das vollkommen in Ordnung.
Das kommt drauf an. Du kannst aber nicht Äpfel mit Birnen vergleichen.
Es ist ein Unterschied, ob die Anzeige die Windrichtung ist, oder die Richtung aus der der Wind kommt.
Meine Karte zeigt die Windrichtung an. Bei der Wind-Rose-Card ist das anders. Die zeigt die Richtung aus der der Wind kommt. Windrichtung Süd ist ein Wind aus der Richtung Nord.
Der Pfeil dreht sich auf einem Kreis und zeigt in die Richtung in die der Wind bläst. Der Pfeil steht also immer unten auf Süd, wenn er in Richtung Nord bläst.
Hast du eine Wetterstation auf dem Dach? Vergleiche bitte die Windfahne mit der Karte.
du hast auch das drinn stehen in der Wind-Rose Card?
rose_config:
windrose_draw_north_offset: 0
Wenn du beides so setzt und den neuen Code für die Windrichtung nimmst wird es passen. Der Code den du gezeigt hast ist leider falsch, da das die Windrichtung komplett umdreht.
Deine beiden Pfeile zeigen ja auch jeweils in die Richtung, in die der Wind weht.
Bei mir mit dem ersten Code leider nicht. Da zeigt eben der Pfeil aus der Button Card in die Richtung, aus der der Wind kommt. So wie bei dem User, der im Oktober danach gefragt hatte.
Hallo habe ein Problem! Meine aktuell Wetterzustand ändert leider weder die Hintergrundfarbe noch das Symbol. Lediglich der Text ändert von „sonnig“ auf „bewölkt“ usw.
Ich habe gesehen das Thema mal angesprochen wurde aber ich habe, das gleich proben . vielleicht kann man das noch ein weniger genauer erklären? Oder eine genaue Anleitung erstellen wie man das macht.
Das Problem hatte ich auch. Eigentlich soll man einen Helfer erstellen, der die Begriffe auf Englisch übersetzt. Ich habe einfach die if Abfragen auf englisch geändert.
ChatGPT hat mir den Code angepasst und es funktioniert soweit auch erstmal bei mir.
Das Icon Rechts wird noch nicht gezeigt… da muss ich nochmal dran
type: custom:button-card
entity: weather.dwd_wetter
layout: icon_name_state
show_state: true
show_name: false
show_label: true
icon: |
[[[
if (["rainy", "pouring"].includes(entity.state))
return "mdi:weather-rainy";
if (["cloudy", "partlycloudy"].includes(entity.state))
return "mdi:weather-cloudy";
if (entity.state == "windy" || entity.state == "windy-variant")
return "mdi:weather-windy";
if (entity.state == "fog")
return "mdi:weather-fog";
if (entity.state == "clear-night")
return "mdi:weather-night";
if (entity.state == "lightning-rainy")
return "mdi:weather-lightning-rainy";
if (entity.state == "lightning")
return "mdi:weather-lightning";
if (["snowy", "snowy-rainy", "hail"].includes(entity.state))
return "mdi:weather-snowy-heavy";
return "mdi:weather-sunny";
]]]
styles:
card:
- background-color: |
[[[
if (["rainy", "pouring"].includes(entity.state)) return "#122f5a";
if (["lightning", "lightning-rainy"].includes(entity.state)) return "#04152d";
if (["cloudy", "partlycloudy"].includes(entity.state)) return "#25252d";
if (["windy", "windy-variant"].includes(entity.state)) return "#487890";
if (entity.state == "clear-night") return "#0b084c";
if (entity.state == "fog") return "#787878";
if (["snowy", "snowy-rainy", "hail"].includes(entity.state)) return "#b1b1b1";
return "#e4b532";
]]]
- color: |
[[[
if (entity.state == "sunny") return "#a73d03";
if (["snowy", "snowy-rainy"].includes(entity.state)) return "#2a374b";
return "#b1b1b1";
]]]
- background-image: |
[[[
if (entity.state == "sunny" || entity.state == "partlycloudy")
return "url(/local/bg_img/weather-partly-cloudy22.png)";
return "url(/local/bg_img/weather-partly-cloudy10.png)";
]]]
- background-repeat: no-repeat
- background-position: right -10px top 23px
- background-size: 130px
icon:
- color: |
[[[
if (entity.state == "sunny") return "#a73d03";
if (["snowy", "snowy-rainy"].includes(entity.state)) return "#2a374b";
return "#e1e1e1";
]]]
- padding: 0
- margin: 0 0 0 -40px
name:
- display: flex
- align-items: center
- font-weight: normal
- width: 100%
- font-size: 22px
- white-space: wrap
- text-overflow: unset
- text-align: left
- padding: 0 10px 0 0
- margin: 0 0 0 -70px
label:
- margin: "-160px 0 0 0"
- text-align: right
- width: 100%
- padding: 0 19px 0 0
label: Aktuelles Wetter
tap_action: none
hold_action: none
double_tap_action: none
