Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] Widget mit Farbänderung??

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

[gelöst] Widget mit Farbänderung??

Geplant Angeheftet Gesperrt Verschoben Visualisierung
7 Beiträge 4 Kommentatoren 1.9k Aufrufe
  • Ä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.
  • P Offline
    P Offline
    PrinzEisenherz1
    schrieb am zuletzt editiert von
    #1

    Hi zusammen!

    Gibt es bei VIS ein Widget was durch unterschiedliche Werte in einer Variable (Datenpunkt), unterschiedliche Farben annimmt?

    Also eins das auf eine HM-Variable zugreift, mir den Wert der Variable anzeigt und wenn z.B. deren Wert unter 180 liegt dann soll das Widget grün sein, wenn es zwischen 180 und 200 liegt dann gelb und wenn es über 200 ist dann rot!

    Geht sowas? und wenn ja, wie?

    Gruß

    Johnny

    Intel-NUC mit ProxMox: ioBroker,SQL, logging Strom- Gas- u. Wasserzähler;10Zoll Tab im Flur für VIS; weiteres: Homematic CCU2, Homeduino, Kameras, selbstgebaute Wetterstation;

    1 Antwort Letzte Antwort
    0
    • K Offline
      K Offline
      krissi
      schrieb am zuletzt editiert von
      #2

      Das ist eine gute Frage! Das wüsste ich auch gerne 🙂

      ioBroker in VM (unraid) / CCU2 für IP FB-Heizungssteuerung raspi3 / 3x Echo Dot / IKEA Tradfri / zigBee mit Conbee II

      1 Antwort Letzte Antwort
      0
      • P Offline
        P Offline
        pix
        schrieb am zuletzt editiert von
        #3

        Hallo,

        gibt es bisher nicht (ausser in gewisserweise Gauge).

        Geht nur zusammen mit Javascript.

        createState('Farbe.Datenpunkt', {name: 'Farbe Datenpunkt für VIS'};
        
        var idWert = 'hm-rpc.0.123456.TEMPERATURE';
        
        on (id: idWert, function (data) {
            var farbe;
            if (data.state.val <= 0) farbe = 'red';
            if ((data.state.val > 0) && (data.state.val <18)) farbe = 'yellow';
            if (data.state.val >= 18) farbe = 'green';
            setState('Farbe.Datenpunkt', farbe);
        });
        
        

        Wenn der Datenpunkt (hier Temperatur) sich ändert, wird der Wert geprüft und eine weitere Variable (hier 'javascript.0.Farbe.Datenpunkt') mit dem entsprechenden Farbcode gefüllt (geht auch RGB oder RGBA).

        Dann in VIS, unter der Einstellungen des Widgets, in das Feld für die Farbe {javascript.0.Farbe.Datenpunkt} eintragen in geschweiften Klammern.

        Fertig.

        Gruß

        Pix

        EDIT: Im Skript sind einige kleine Fehler (es fehlen in der Subscription die geschweiften Klammern um den String "id: idWert" und eine runde schließende Klammer in der ersten Zeile vor dem Semikolon). Ich habe es hier im Post nicht korrigiert. Die korrigierte Version findet sich http://forum.iobroker.com/viewtopic.php?f=30&t=2382&p=20930&sid=12705f1e9a06b1c6377ffc51981e942f&sid=12705f1e9a06b1c6377ffc51981e942f#p20930

        ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

        1 Antwort Letzte Antwort
        0
        • P Offline
          P Offline
          Pman
          schrieb am zuletzt editiert von
          #4

          vis-justGage enthält so etwas.

          1 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            PrinzEisenherz1
            schrieb am zuletzt editiert von
            #5

            @pix:

            Hallo,

            gibt es bisher nicht (ausser in gewisserweise Gauge).

            Geht nur zusammen mit Javascript.

            createState('Farbe.Datenpunkt', {name: 'Farbe Datenpunkt für VIS'};
            
            var idWert = 'hm-rpc.0.123456.TEMPERATURE';
            
            on (id: idWert, function (data) {
                var farbe;
                if (data.state.val <= 0) farbe = 'red';
                if ((data.state.val > 0) && (data.state.val <18)) farbe = 'yellow';
                if (data.state.val >= 18) farbe = 'green';
                setState('Farbe.Datenpunkt', farbe);
            });
            
            

            Wenn der Datenpunkt (hier Temperatur) sich ändert, wird der Wert geprüft und eine weitere Variable (hier 'javascript.0.Farbe.Datenpunkt') mit dem entsprechenden Farbcode gefüllt (geht auch RGB oder RGBA).

            Dann in VIS, unter der Einstellungen des Widgets, in das Feld für die Farbe {javascript.0.Farbe.Datenpunkt} eintragen in geschweiften Klammern.

            Fertig.

            Gruß

            Pix `

            Erstmal Danke für Deinen Vorschlag aber leider geht der nicht!

            Irgendwie ist da in dem Script n Fehler!

            Mit meinem Datenpunkt sieht mein Script wie folgt aus:

            createState('Farbe.Datenpunkt', {name: 'Farbe Datenpunkt für VIS'};
            
            var idWert = '"hm-rega.0.22085"/*Energiekosten im Jahresdurchschnitt*/';
            
            on(id: idWert, function (data) {
                var farbe;
                if (data.state.val <= 182) farbe = 'green';
                if ((data.state.val > 182) && (data.state.val <210)) farbe = 'yellow';
                if (data.state.val >= 210) farbe = 'red';
                setState('Farbe.Datenpunkt', farbe);
            });
            
            

            Im Editor sieht dann das so aus
            1058_screenshot-2.png

            Und im Widget so:
            1058_screenshot-3.png

            Im Log steht dann folgendes:
            1058_screenshot-4.png

            Leide kenne ich mich nicht mit java aus!

            Kannst Du mir vielleicht da weiterhelfen?

            Johnny

            Intel-NUC mit ProxMox: ioBroker,SQL, logging Strom- Gas- u. Wasserzähler;10Zoll Tab im Flur für VIS; weiteres: Homematic CCU2, Homeduino, Kameras, selbstgebaute Wetterstation;

            1 Antwort Letzte Antwort
            0
            • P Offline
              P Offline
              pix
              schrieb am zuletzt editiert von
              #6

              Hallo,

              tut mir leid, ich habe das Skript schnell im Forum und nicht im Skripteditor geschrieben und nicht geprüft. Da haben sich einige Fehler eingeschlichen, ich habe geschweifte Klammern vergessen. Hier nun die korrigierte Version mit deinen Daten:

              createState('Farbe.Datenpunkt', {name: 'Farbe Datenpunkt für VIS'});
              
              var idWert ="hm-rega.0.22085"/*Energiekosten im Jahresdurchschnitt*/;
              
              on({id: idWert}, function (data) {
                  var farbe;
                  if (data.state.val <= 182) farbe = 'green';
                  if ((data.state.val > 182) && (data.state.val <210)) farbe = 'yellow';
                  if (data.state.val >= 210) farbe = 'red';
                  setState('Farbe.Datenpunkt', farbe);
              });
              

              Probier mal, ob es geht. Wenn du noch mehr Farbbereiche möchtest, kannst du die leicht einfügen oder fragen.

              Gruß

              Pix

              ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

              1 Antwort Letzte Antwort
              0
              • P Offline
                P Offline
                PrinzEisenherz1
                schrieb am zuletzt editiert von
                #7

                Perfekt! Jetzt hat es geklappt!

                Tausend Dank!

                Johnny

                Intel-NUC mit ProxMox: ioBroker,SQL, logging Strom- Gas- u. Wasserzähler;10Zoll Tab im Flur für VIS; weiteres: Homematic CCU2, Homeduino, Kameras, selbstgebaute Wetterstation;

                1 Antwort Letzte Antwort
                0
                Antworten
                • In einem neuen Thema antworten
                Anmelden zum Antworten
                • Älteste zuerst
                • Neuste zuerst
                • Meiste Stimmen


                Support us

                ioBroker
                Community Adapters
                Donate

                321

                Online

                32.4k

                Benutzer

                81.4k

                Themen

                1.3m

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

                • Du hast noch kein Konto? Registrieren

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