Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS farbige Balken abhängig von Datenpunkt

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    371

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    327

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    946

VIS farbige Balken abhängig von Datenpunkt

Geplant Angeheftet Gesperrt Verschoben Visualisierung
11 Beiträge 6 Kommentatoren 791 Aufrufe 5 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • S Offline
    S Offline
    Sesamstrasse
    schrieb am zuletzt editiert von
    #1

    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

    M amg_666A 2 Antworten Letzte Antwort
    0
    • S Sesamstrasse

      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

      M Offline
      M Offline
      Matt77CHE
      schrieb am zuletzt editiert von
      #2

      @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?

      S 1 Antwort Letzte Antwort
      0
      • S Sesamstrasse

        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

        amg_666A Offline
        amg_666A Offline
        amg_666
        schrieb am zuletzt editiert von amg_666
        #3

        @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.

        iobroker auf proxmox container

        S 2 Antworten Letzte Antwort
        1
        • amg_666A amg_666

          @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.

          S Offline
          S Offline
          Sesamstrasse
          schrieb am zuletzt editiert von
          #4

          @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.

          amg_666A 1 Antwort Letzte Antwort
          0
          • M Matt77CHE

            @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?

            S Offline
            S Offline
            Sesamstrasse
            schrieb am zuletzt editiert von Sesamstrasse
            #5

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

            HomoranH 1 Antwort Letzte Antwort
            0
            • S Sesamstrasse

              @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.

              amg_666A Offline
              amg_666A Offline
              amg_666
              schrieb am zuletzt editiert von
              #6

              @sesamstrasse Es wäre echt hilfreich, wenn du mal eine vis hier reinpostest, damit man sieht was genau du meinst.

              iobroker auf proxmox container

              1 Antwort Letzte Antwort
              1
              • S Sesamstrasse

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

                HomoranH Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #7

                @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

                kein Support per PN! - Fragen im Forum stellen -
                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  Sesamstrasse
                  schrieb am zuletzt editiert von
                  #8

                  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.

                  1 Antwort Letzte Antwort
                  0
                  • amg_666A amg_666

                    @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.

                    S Offline
                    S Offline
                    Sesamstrasse
                    schrieb am zuletzt editiert von
                    #9

                    @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 :)

                    XsevX jkvarelJ 2 Antworten Letzte Antwort
                    0
                    • S Sesamstrasse

                      @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 :)

                      XsevX Offline
                      XsevX Offline
                      Xsev
                      schrieb am zuletzt editiert von Xsev
                      #10

                      @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.

                      1 Antwort Letzte Antwort
                      0
                      • S Sesamstrasse

                        @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 :)

                        jkvarelJ Offline
                        jkvarelJ Offline
                        jkvarel
                        Developer
                        schrieb am zuletzt editiert von
                        #11

                        @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.

                        1 Antwort Letzte Antwort
                        0

                        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                        Registrieren Anmelden
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        320

                        Online

                        32.8k

                        Benutzer

                        82.8k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe