Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. verschiedende Bilder anhand von Werten

    NEWS

    • Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    verschiedende Bilder anhand von Werten

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      sa-wo @sigi234 last edited by

      @sigi234 said in verschiedende Bilder anhand von Werten:

      Basic Image

      Hi Sigi,
      das heißt ich würde dann 3x mal das "Basic Image" übereinanderlegen, und jeweils die hinterlegten Werten angeben.
      Wie mache ich das denn mit den Werten zwischen 351 und 500 ?

      Danke

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @sa-wo last edited by

        @sa-wo hab es mit binding und einem bild-widget

        {varx:controll-own.0.AAATEST.TestZahl; varx<350 ?  "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}
        

        smart33.gif

        Image 8.png

        crepp1967 D 2 Replies Last reply Reply Quote 1
        • crepp1967
          crepp1967 @liv-in-sky last edited by

          @liv-in-sky sagte in verschiedende Bilder anhand von Werten:

          {varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

          @liv-in-sky
          Kannst Du die Zusammensetzung des Befehls noch mal erläutern?

          was ist der Befehl und wo fängt ist die Objekt ID an ?
          Die Pfade zu den versch. Bilder sind klar.

          Gruß
          crepp

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • crepp1967
            crepp1967 last edited by

            @liv-in-sky sagte in verschiedende Bilder anhand von Werten:

            {varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

            {varx:worx.0.20193019850100311705.mower.batteryState; varx<99 ? "/vis.0/main/img/belimo.png" : varx >50 ? "/vis.0/main/img/BP7.png" : "/vis.0/main/imgausrufezeichen_dreieck.png"}

            funktioniert zum Beispiel nicht obwohl ID und Bilder vorhanden sind.
            Gruß
            crepp

            Glasfaser 1 Reply Last reply Reply Quote 0
            • Glasfaser
              Glasfaser @crepp1967 last edited by

              @crepp1967

              Funktioniert doch ...
              Bei Wert 99 , 50 ... ändert sich das Bild .
              Wie hast du die Bilder hochgeladen ?

              1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @crepp1967 last edited by

                @crepp1967 sagte in verschiedende Bilder anhand von Werten:

                @liv-in-sky sagte in verschiedende Bilder anhand von Werten:

                {varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

                @liv-in-sky
                Kannst Du die Zusammensetzung des Befehls noch mal erläutern?

                was ist der Befehl und wo fängt ist die Objekt ID an ?
                Die Pfade zu den versch. Bilder sind klar.

                Gruß
                crepp

                bis zum strichpunkt ist es die variable-definition
                dann lautet die übersetzung:
                wenn varx < 350 nehme pfad 1 wenn varx >500 nehme pfad 2 und sonst nehme pfad 3

                teste mal bei dir

                mache es mit dem zwischenraum als sonst am ende - zwischen 50 und 99 -

                {varx:controll-own.0.AAATEST.TestZahl; varx<50 ?  "/vis.0/armin/img/1-.png" : varx >99 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}
                

                wenn varx < 50 nehme pfad 1 wenn varx >99 nehme pfad 2 und sonst nehme pfad 3 (bedeutet zwischendrin)

                crepp1967 1 Reply Last reply Reply Quote 0
                • crepp1967
                  crepp1967 @liv-in-sky last edited by

                  @liv-in-sky
                  Sorry, dass es so lang mit der Antwort gedauert hat...
                  Bei mir funkt es leider nicht. Upload geht über vis upload Funktion.
                  Aber ich habe noch zwei Ideen. Nehme ich viell. das falsche Widegt. (ich nehme das normale Image-Widget)
                  Kann es sein das er ein anderes Punkt- Zeichen auf der Tastatur braucht ?

                  Gruß
                  crepp
                  Unbenannt.JPG

                  Glasfaser 1 Reply Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @crepp1967 last edited by Glasfaser

                    @crepp1967
                    Widget ist richtig.
                    Du bekommst erst ein Bild im Runtime Modus , nicht im VIS Editor !!!

                    crepp1967 1 Reply Last reply Reply Quote 0
                    • crepp1967
                      crepp1967 @Glasfaser last edited by

                      @Glasfaser
                      Ja, es funktioniert. Ich bin happy. Vielen Dank, Ihr habt mir sehr geholfen.
                      Gibt es irgendwo im Forum eine Stelle wo man sich über die VIS etwas tiefgreifender einlesen kann, solche Feinheiten wie die mit der dynamischen Bildauswahl stehen in der normalen Doku gar nicht drin, die habe ich schon gelesen.

                      Gruß aus Thüringen
                      Torsten

                      von.cartman 1 Reply Last reply Reply Quote 0
                      • von.cartman
                        von.cartman @crepp1967 last edited by

                        Alle schön und gut, aber wenn man mit "kleiner <" und "größer >" Zeichen Arbeitet.
                        Wie funktioniert es wenn ich "ist gleich =" anwenden will und verglichen wird nicht eine Zahl sondern String?

                        1 Reply Last reply Reply Quote 0
                        • von.cartman
                          von.cartman last edited by

                          Alle schön und gut, aber wenn man mit "kleiner <" und "größer >" Zeichen Arbeitet.
                          Wie funktioniert es wenn ich "ist gleich =" anwenden will und verglichen wird nicht eine Zahl sondern String?

                          liv-in-sky 1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @von.cartman last edited by

                            @von-cartman
                            ist gleich sind 2 gleichzeichen

                            var == "text"
                            
                            von.cartman 1 Reply Last reply Reply Quote 1
                            • von.cartman
                              von.cartman @liv-in-sky last edited by

                              @liv-in-sky VIELEN DANK !!!

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @von.cartman last edited by

                                @von-cartman gerne

                                ungleich wäre:

                                var != "text"
                                
                                1 Reply Last reply Reply Quote 0
                                • D
                                  Drachensteyn @liv-in-sky last edited by Drachensteyn

                                  Funktioniert das mit dem Image und dem Binding immer noch?
                                  Leider bekomme ich das nicht hin. Es zeigt mir kein Bild an, auch in der Runtime.

                                  Das ist mein Binding:

                                  {h:0_userdata.0.VIS.Abholung_1_Mülltonne; h==1 ? "/vis.0/Navigation/Biomüll.png" : "/vis.0/Navigation/Restmüll.png"}
                                  

                                  Diese soll dann noch auf 4 Typen erweitert werden. Dann soll es so aussehen:

                                  {h:0_userdata.0.VIS.Abholung_1_Mülltonne;  h==Biomüll ? "/vis.0/Navigation/Biomüll.png" : h==Gelber_Sack ? "/vis.0/Navigation/GelberSack.png" :  h==Papiermüll ? "/vis.0/Navigation/Papiermüll.png" : "/vis.0/Navigation/Restmüll.png"}
                                  

                                  Eingetragen habe ich das im Image-Widget unter Quelle.

                                  liv-in-sky H 2 Replies Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Drachensteyn last edited by

                                    @drachensteyn

                                    • sind die datenpunkte, die du abfrägt, vom typ number ? ansonsten h=="1" oder h=="Biomüll"
                                    • die bilder sind über den dateimanager in die vis geladen worden ?
                                    • im chrome browser in der runtime die entwicklungstools öffnen und den tab "console" - dann refresh der seite und nach fehlern suchen, wenn welche da sind
                                    D 1 Reply Last reply Reply Quote 0
                                    • D
                                      Drachensteyn @liv-in-sky last edited by

                                      @liv-in-sky
                                      Danke für deine Antwort.

                                      Mit deinem 1. Punkt hast du mir schon geholfen. Es geht jetzt.
                                      Ja, die Bilder habe ich über den Dateimanager in der VIS hochgeladen.

                                      Vielen Dank.

                                      1 Reply Last reply Reply Quote 0
                                      • H
                                        heinz527 @Drachensteyn last edited by

                                        @drachensteyn said in verschiedende Bilder anhand von Werten:

                                        Funktioniert das mit dem Image und dem Binding immer noch?
                                        Leider bekomme ich das nicht hin. Es zeigt mir kein Bild an, auch in der Runtime.

                                        Das ist mein Binding:

                                        {h:0_userdata.0.VIS.Abholung_1_Mülltonne; h==1 ? "/vis.0/Navigation/Biomüll.png" : "/vis.0/Navigation/Restmüll.png"}
                                        

                                        Diese soll dann noch auf 4 Typen erweitert werden. Dann soll es so aussehen:

                                        {h:0_userdata.0.VIS.Abholung_1_Mülltonne;  h==Biomüll ? "/vis.0/Navigation/Biomüll.png" : h==Gelber_Sack ? "/vis.0/Navigation/GelberSack.png" :  h==Papiermüll ? "/vis.0/Navigation/Papiermüll.png" : "/vis.0/Navigation/Restmüll.png"}
                                        

                                        Eingetragen habe ich das im Image-Widget unter Quelle.

                                        Hallo zusammen,

                                        ich versuche seit 2 Tagen das ans laufen zu bekommen. Leider funktioniert es einfach nicht.
                                        Ich will aus dem my-muell-Adapter die Info holen, welche Tonne als nächstes abgeholt werden soll und dann das entsprechende Bild anzeigen.

                                        {h:my-muell.0.next.name;h == Wertstofftonne ? "/vis.0/mobile7zoll/muellgelb.png" : "/vis.0/mobile7zoll/muellgrau.png"}
                                        

                                        Garantiert mache ich was falsch...... Der Pfad des Bildes ist korrekt, gebe ich ihn alleine ein, wird das Bild angezeigt. Daher vermute ich ein Problem mit der Datenabfrage vom my-muell-Adapter.....

                                        Sobald das in der kleinen Version läuft, wird der Rest erweitert.

                                        Könntet ihr mir weiterhelfen?

                                        Vielen Dank im voraus!!

                                        Hier der Adapter:
                                        Bildschirmfoto vom 2023-04-11 17-15-56.png

                                        Glasfaser 1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @heinz527 last edited by

                                          @heinz527 sagte in verschiedende Bilder anhand von Werten:

                                          {h:my-muell.0.next.name;h == Wertstofftonne ? "/vis.0/mobile7zoll/muellgelb.png" : "/vis.0/mobile7zoll/muellgrau.png"}

                                          in " "

                                          {h:my-muell.0.next.name;h=="Wertstofftonne" ? "/vis.0/mobile7zoll/muellgelb.png" : "/vis.0/mobile7zoll/muellgrau.png"}
                                          
                                          H 1 Reply Last reply Reply Quote 0
                                          • H
                                            heinz527 @Glasfaser last edited by

                                            @glasfaser

                                            Vielen Dank!!!!!🙇‍♂️
                                            Ich hab den Wald vor Bäumen nicht gesehen......🤦‍♂️

                                            Glasfaser 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            715
                                            Online

                                            32.3k
                                            Users

                                            81.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            8
                                            24
                                            3874
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo