<![CDATA[VIS farbige Balken abhängig von Datenpunkt]]>Hallo zusammen,

ich benutze in meiner VIS einen Grundris von meinem Haus zum steuern ("Digitaler Zwilling" :)). Dort will ich jetzt gerne da wo Fenster sind per farbigen Balken anzeigen ob zu (Balken Grün) oder Fenster offen (Balken Rot). Die Fenster sind nicht nur vertikal oder horizontal angeordnet.

Wie kann ich das am besten/flexibelsten umsetzen? Per bool html widget? Oder gibt es hier noch was cleverers?

Viele Grüße
Flo

]]>https://forum.iobroker.net/topic/52506/vis-farbige-balken-abhängig-von-datenpunktRSS for NodeFri, 24 Apr 2026 23:37:05 GMTMon, 14 Feb 2022 13:55:57 GMT60<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Tue, 15 Feb 2022 16:33:09 GMT]]>@sesamstrasse

Mit dem vis-inventwo Adapter hast du sehr viele Freiheiten, um dir ein passendes Widget zu erstellen https://github.com/inventwo/ioBroker.vis-inventwo
Kein CSS notwendig. 6e304d55-b155-4f50-afd7-f38e4e85ae69-image.png
Du bist auch nicht mit der Größe beschränkt.

]]>https://forum.iobroker.net/post/762988https://forum.iobroker.net/post/762988Tue, 15 Feb 2022 16:33:09 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Tue, 15 Feb 2022 16:36:22 GMT]]>@sesamstrasse Du könntest es mit dem Plumb widget in Vis mal versuchen. Die Leitungen/Balken kannst du in der Größe frei variieren (allerdings nur senkrecht oder waagrecht) und farblich je nach Datenpunkt schalten.

]]>https://forum.iobroker.net/post/762987https://forum.iobroker.net/post/762987Tue, 15 Feb 2022 16:36:22 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Tue, 15 Feb 2022 16:30:05 GMT]]>@amg_666 said in VIS farbige Balken abhängig von Datenpunkt:

@sesamstrasse du hast einen Grundriss und da sind nicht alle Wände senkrecht oder waagerecht, ist das das "Problem" ?
ich würd mir da einfach einen roten und grünen Balken zeichnen, die in vis.0 hochladen und dann in Abhängigkeit vom Fensterstatus den grünen oder roten Balken als Bild (image) anzeigen. Im widget dann unter css zum Beispiel

.rotate90{
    transform: rotate(90deg);
}
.rotate180{
    transform: rotate(180deg);
}
.rotate270{
    transform: rotate(270deg);
}

und dann könntest du im widget im Abschnitt "Generell" die css-Klassae rotate90 angeben und der wäre um 90 Grad gedreht.
Vielleicht ist das ja ein Ansatz.

Mit dieser Lösung wären es zwei Bild widgets am selben Platz wo ich die Sichtbarkeit per Fenster status steuere? Richtig? Vielleicht war das bisher mein Denkfehler, ich habe immer 1 Widget gesucht, dass es komplett löst. Ich probiere weiter :)

]]>https://forum.iobroker.net/post/762984https://forum.iobroker.net/post/762984Tue, 15 Feb 2022 16:30:05 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Tue, 15 Feb 2022 16:13:48 GMT]]>So ganz komme ich noch nicht zurecht. Ich habe es mit dem Metro Bool einmal gebaut, dass lässt sich aber von der größe nicht so wie benötigt verkleinern. Hier noch snapshots was ich vorhabe, ist eigentlich total banal.

Fenster Offen
e777a944-58e3-4350-adbb-9c1541543bdd-grafik.png

Fenster zu
56b3a58c-e27d-4ade-ade7-3c9c08acf6b5-grafik.png

und das dann eben in einem beliebigen Winkel und die größe des Balkens soll mit der Fenstergröße auf dem Grundris mit skalieren.

]]>https://forum.iobroker.net/post/762967https://forum.iobroker.net/post/762967Tue, 15 Feb 2022 16:13:48 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 15:14:13 GMT]]>@sesamstrasse sagte in VIS farbige Balken abhängig von Datenpunkt:

Die Balken sollen "starr" an einem festen Platz mit einem beliebigen Winkel sein. Nur die Farben ändert sich.

dann würde ich einfach den hq-widgets on off nehmen und entsprechend fprmen

]]>https://forum.iobroker.net/post/762433https://forum.iobroker.net/post/762433Mon, 14 Feb 2022 15:14:13 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 15:08:51 GMT]]>@sesamstrasse Es wäre echt hilfreich, wenn du mal eine vis hier reinpostest, damit man sieht was genau du meinst.

]]>https://forum.iobroker.net/post/762429https://forum.iobroker.net/post/762429Mon, 14 Feb 2022 15:08:51 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 15:07:47 GMT]]>@matt77che
Die Balken sollen "starr" an einem festen Platz mit einem beliebigen Winkel sein. Nur die Farben ändert sich.

]]>https://forum.iobroker.net/post/762427https://forum.iobroker.net/post/762427Mon, 14 Feb 2022 15:07:47 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 15:05:51 GMT]]>@amg_666 Das klingt schon nach einer guten Lösung. Gedanklich hätte ich die Balken jetzt noch mit html gemahlt. Aber mit dem Image und Rotate sollte passen. Da müsste ich dann ja das Lampenwidget mit read only gut für verwenden können.

]]>https://forum.iobroker.net/post/762425https://forum.iobroker.net/post/762425Mon, 14 Feb 2022 15:05:51 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 14:45:05 GMT]]>@sesamstrasse du hast einen Grundriss und da sind nicht alle Wände senkrecht oder waagerecht, ist das das "Problem" ?
ich würd mir da einfach einen roten und grünen Balken zeichnen, die in vis.0 hochladen und dann in Abhängigkeit vom Fensterstatus den grünen oder roten Balken als Bild (image) anzeigen. Im widget dann unter css zum Beispiel

.rotate90{
    transform: rotate(90deg);
}
.rotate180{
    transform: rotate(180deg);
}
.rotate270{
    transform: rotate(270deg);
}

und dann könntest du im widget im Abschnitt "Generell" die css-Klassae rotate90 angeben und der wäre um 90 Grad gedreht.
Vielleicht ist das ja ein Ansatz.

]]>https://forum.iobroker.net/post/762408https://forum.iobroker.net/post/762408Mon, 14 Feb 2022 14:45:05 GMT<![CDATA[Reply to VIS farbige Balken abhängig von Datenpunkt on Mon, 14 Feb 2022 14:31:38 GMT]]>@sesamstrasse

also; geht es dir darum, dass du die Balken zB auch im 45°-Winkel anordnen möchtest (diverse Winkel) - oder, wie oder was du als Symbol für zB Türe auf / zu nehmen kannst? - oder beides?

]]>https://forum.iobroker.net/post/762401https://forum.iobroker.net/post/762401Mon, 14 Feb 2022 14:31:38 GMT