[FTUI3] Wetter-Temperatur mit waagerechten "Balken" - möglich?

[M.Piet]

Hallo Zusammen,

in einem anderem Dashboard habe ich diese tolle Wetteranzeige entdeckt. Die hat was.

Die Herausforderung wird dieser Waagerechte Balken sein. Linker Ausschlag minimum-Temperatur, rechter Ausschlag maximale Temperatur des Tages.
Und als extra, dass die aktuelle Temperatur durch diesen Kreis angezeigt wird.
Alles andere ist nicht wirklich wild.

Wird man das mit FTUI3 hinbekommen?

[MDietrich]

Moin,
es gab schon einmal eine ähnliche Diskussion, vllt. hilft das weiter.
Ggfs. muss man die Werte etwas skalieren, ich würde das in FHEM machen.

https://forum.fhem.de/index.php?topic=137180.msg1304202#msg1304202

Hilft dir ja vielleicht,
Matthias

[M.Piet]

Ja, das klingt mit "ftui-meter" schon mal ein wenig gut. Danke dir dafür.

Aber ich möchte das "meter" ja mit 2 Werten füttern. Tagestiefsttemperatur und Tageshöchsttemperatur, und daraus soll der Balken entstehen. So wie ich das sehe, geht das nicht.

[setstate]

Ich habe mal etwas rumgespielt. Sollte machbar sein dann mit ftui-weather-bar. Ist nur noch nicht ganz so hübsch

[M.Piet]

Super, danke dir. Das gefällt mir schon ganz gut. Werde damit mal ein wenig spielen.

[M.Piet]

Ich habe mal etwas rumgespielt. Sollte machbar sein dann mit ftui-weather-bar. Ist nur noch nicht ganz so hübsch

Ich habe heute mal ein wenig gespielt.

Du hast recht, so richtig nutzbar ist es nicht.
Die Breite und die Farbe des Balkens sind irgendwie nicht nachvollziehbar.

Um es schön zu haben, wäre folgendes toll.
Man legt die min/max Werte fest (z.B. -20°C, +40°C).
Der Balken ist dann entsprechend der Temperaturen ausgefüllt, so wie in dem Beispiel oben.

Und als absoluten Obulus: in dem Balken ist dann eine Markierung mit der aktuellen Temperatur.

Ich denke das wäre was richtig tolles, um einen schönen Überblick über das Wetter der nächsten Tage zu haben.

[tobi01001]

Man legt die min/max Werte fest (z.B. -20°C, +40°C).
Der Balken ist dann entsprechend der Temperaturen ausgefüllt, so wie in dem Beispiel oben.

Das geht mit min und max also z.B.:

Code Auswählen Erweitern

<ftui-weather-bar min-temp="1" max-temp="10" min="-10" max="40"></ftui-weather-bar>


Code Auswählen Erweitern

Und als absoluten Obulus: in dem Balken ist dann eine Markierung mit der aktuellen Temperatur.Das geht - soweit ich es überblickt habe - stand heute nicht. Da müsste man ein handle inkl. tooltip einbauen.

[M.Piet]

Oh, danke. Das sieht schon mal ein wenig besser aus.
Danke für den Tipp.

Falls es wer nachbauen will:

   

Code Auswählen Erweitern

<ftui-grid-tile row="4" col="1" height="4" width="2" shape="round">
    <ftui-grid-header>Metter max/min PROPLANTA</ftui-grid-header>
    <ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc0_tempMin" [max-temp]="Wetter_PROPLANTA:fc0_tempMax" min="-5" max="30" ></ftui-weather-bar>
    <ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc1_tempMin" [max-temp]="Wetter_PROPLANTA:fc1_tempMax" min="-5" max="30" ></ftui-weather-bar>
    <ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc2_tempMin" [max-temp]="Wetter_PROPLANTA:fc2_tempMax" min="-5" max="30" ></ftui-weather-bar>
    <ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc3_tempMin" [max-temp]="Wetter_PROPLANTA:fc3_tempMax" min="-5" max="30" ></ftui-weather-bar>
    <ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc4_tempMin" [max-temp]="Wetter_PROPLANTA:fc4_tempMax" min="-5" max="30" ></ftui-weather-bar>
<ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc5_tempMin" [max-temp]="Wetter_PROPLANTA:fc5_tempMax" min="-5" max="30" ></ftui-weather-bar>
<ftui-weather-bar [min-temp]="Wetter_PROPLANTA:fc6_tempMin" [max-temp]="Wetter_PROPLANTA:fc6_tempMax" min="-5" max="30" ></ftui-weather-bar>
  </ftui-grid-tile>

[M.Piet]

Ich habe noch mal ein wenig gespielt. So langsam freunde ich mich mit dieser kompakten Ansicht an.

[grossmaggul]

Hallo,

ich bin ja manchmal ein bißchen blond, kann mir mal jemand den tieferen Sinn dieser Anzeige erklären?
Ich sehe die Nacht- und Tagtemperaturen, aber was sollen die Balken mir denn sagen?
Hübsch aussehen tut es ja, keine Frage.

gm

[M.Piet]

Als kleiner Text ist rechts und links min und maxTermperatur.
Und der horizintale Bar zeigt das optisch. Linksausschlag ist der Minwert, Rechtsausschlag ist der Maxwert.
So kann man in einem Blick grob sehen, wie kalt/warm es wird, und das für die nächsten Tage.

[Eisix]

Praktisch wie das Meteogram aus dem Wiki.

Gruß
Eisix