Seite 1 von 1

Widget mit F7-Gauge

Verfasst: 3. Mär 2024 19:47
von lenschith
Hallo zusammen,
ich habe ein Problem in einen Widget. Aber ich komme nicht drauf was da los ist.
Ich möchte eine F7 Gauge. Script hab ich mir hier genommen. https://github.com/BangerTech/openHAB3W ... t-Big.yaml

Leider zeigt es mir immer quasi 0% an. der Semicircle ist immer grau markiert. Egal welcher Wert im Number Item steht.
Screenshot 2024-03-03 194134.png

Code: Alles auswählen

- component: f7-gauge
  config:
	border-color: lime
	style:
	  position: absolute
	  width: 100px
	type: semicircle
	min: 0
	max: 100
	value: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? 0 : Math.floor(items[props.progressitem].state / 100)) : 0'
	value-text: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? "0 %" : items[props.progressitem].state + " %") : "0"'
	value-text-color: red
Ich habe schon einiges probiert. Aber irgendwie klappt das nicht. Entweder der Prozessbalken bleibt grau oder wird komplett grün wenn ich die /100 entferne. Wie muss das hier korrekt aussehen damit der Prozessbalken korrekt dargestellt wird. Ich habe im Augenblick keine Idee mehr.
[attachment=0]Screenshot 2024-03-03 194612.png[/attachment

Code: Alles auswählen

value: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? 0 : Math.floor(items[props.progressitem].state)) : 0'
]

Danke
Gruß Lenschi

Re: Widget mit F7-Gauge

Verfasst: 3. Mär 2024 21:04
von lenschith
keine Ahnung warum, aber mit der oh-gauge klappts.

Code: Alles auswählen

- component: oh-gauge
  config:
	border-color: lime
	style:
	  position: absolute
	  width: 100px
	type: semicircle
	min: 0
	max: 100
	size: 200
	bgColor: rgb(196,196,196,0.2)
	borderBgColor: rgb(224,224,224)
	borderColor: black
	borderWidth: 20
	value: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? 0 : Math.floor(items[props.progressitem].state)) : 0'
	valueText: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? "0 %" : items[props.progressitem].state + " %") : "0"'
	valueTextColor: black


Re: Widget mit F7-Gauge

Verfasst: 3. Mär 2024 21:06
von udo1toni
versuche bitte mal .numericState statt .state

Re: Widget mit F7-Gauge

Verfasst: 3. Mär 2024 21:25
von lenschith
leider das selbe. Aber ich habs jetzt mit dem oh-gauge gemacht, das klappt

Code: Alles auswählen

value: '=props.progressitem ? (items[props.progressitem].numericState == "NULL" ? 0 : Math.floor(items[props.progressitem].numericState / 100)) : 0'
value-text: '=props.progressitem ? (items[props.progressitem].state == "NULL" ? "0 %" : items[props.progressitem].state + " %") : "0"'

Re: Widget mit F7-Gauge

Verfasst: 4. Mär 2024 14:17
von peter-pan
Ich hab mal ein paar Werte in das Widget eingegeben und eigentlich habe ich da auch Ergebnisse bekommen. Lediglich, wenn du Items mit UoM benutzt, musst du das Widget etwas anpassen, damit die Einheiten nicht doppelt angezeigt werden.

Die Temperaturwerte waren klar (Number + Number:Temperature)
Time Left; hier habe ich ein Item aus dem Astro-Binding verwendet (Number:Time). Die Zeit wird in Sekunden abgespeichert
Progress: einfaches Number-Item aus dem Astro-Binding (Moon-Age in %)
3d.jpg
Es wird also etwas ausgegeben. Aber irgendwie weiss ich nicht so genau ob die Item-Typen überall stimmen. Bei den Temperaturwerten hab ich aber keine Probleme gehabt.
Was das Gauge betrifft, das müsste man mal genauer betrachten. In dem Beispiel von "BangerTech" wird da halt nur 100% angezeigt.

Gibt es da vielleicht noch etwas Ausführlicheres, was die Items anbelangt ?

Re: Widget mit F7-Gauge

Verfasst: 4. Mär 2024 14:51
von lenschith
Also wie gesagt. Mit oh-gauge funktioniert das ohne Probleme. Das ist für mich ausreichend und lass das mit dem f7 sehe da keinen Mehrwert.
Mein Item ist Number:dimensionless.

mit dem oh-gauge wird mir das super schön dargestellt.