Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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.8k

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

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

Scheduled Pinned Locked Moved Visualisierung
7 Posts 4 Posters 1.9k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    PrinzEisenherz1
    wrote on last edited by
    #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 Reply Last reply
    0
    • K Offline
      K Offline
      krissi
      wrote on last edited by
      #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 Reply Last reply
      0
      • P Offline
        P Offline
        pix
        wrote on last edited by
        #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 Reply Last reply
        0
        • P Offline
          P Offline
          Pman
          wrote on last edited by
          #4

          vis-justGage enthält so etwas.

          1 Reply Last reply
          0
          • P Offline
            P Offline
            PrinzEisenherz1
            wrote on last edited by
            #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 Reply Last reply
            0
            • P Offline
              P Offline
              pix
              wrote on last edited by
              #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 Reply Last reply
              0
              • P Offline
                P Offline
                PrinzEisenherz1
                wrote on last edited by
                #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 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                Support us

                ioBroker
                Community Adapters
                Donate

                280

                Online

                32.4k

                Users

                81.4k

                Topics

                1.3m

                Posts
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                ioBroker Community 2014-2025
                logo
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Unread 0
                • Categories
                • Unreplied
                • Popular
                • GitHub
                • Docu
                • Hilfe