Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Javascript in VIS ausführen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Javascript in VIS ausführen

Scheduled Pinned Locked Moved Visualisierung
30 Posts 7 Posters 2.5k Views 5 Watching
  • 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.
  • Ro75R Ro75

    @oliverio du hast aber leider deinen Beitrag nachträglich geändert gehabt. Jetzt steht es etwas anders da, bezogen auf den letzten Satz. EDIT ohne Hinweis ist für alle Lesenden schlecht.

    Ro75.

    OliverIOO Offline
    OliverIOO Offline
    OliverIO
    wrote on last edited by OliverIO
    #21

    @ro75
    ja korrekt.
    der edit erfolgte wenige sekunden nach dem ersten post.
    wenn ich korrektur lese, dann fällt mir meist noch was ein

    in der korrektur habe ich aber den sinn nicht verändert, sondern nur verdeutlicht.
    bspw skripte tab iobroker ergänzt mit wird auf dem server ausgeführt, und das selbe entsprechend mit dem client ergänzt

    Meine Adapter und Widgets
    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
    Links im Profil

    HomoranH 1 Reply Last reply
    1
    • OliverIOO OliverIO

      @marcio wenn es nur bei diesen drei Entscheidung fällen bleibt, ist es okay.
      Als generelle Rückfallebene. Für alle Kombinationen, die du nicht prüfst, hast du ja Yellow.

      Wenn du mehr Kombinationen hättest, dann wird dieser so genannte ternary Operator schnell unübersichtlich.
      Dann ist es besser, eine klassische Java Skript Funktion zu schreiben, mit dem man alles mit if then else prüft und nur diese dann in das Binding einfügt

      M Offline
      M Offline
      MarcIO
      wrote on last edited by
      #22

      @oliverio said in Javascript in VIS ausführen:

      Wenn du mehr Kombinationen hättest, dann wird dieser so genannte ternary Operator schnell unübersichtlich.

      Mehrere Kombinationen sind nicht nötig, aber mehr Variablen würden in Frage kommen. Sollte ich die Struktur beibehalten, wenn ich mal angenommen das selbe Spiel mit 10 Variablen mache?

      OliverIOO 1 Reply Last reply
      0
      • M MarcIO

        @oliverio said in Javascript in VIS ausführen:

        Wenn du mehr Kombinationen hättest, dann wird dieser so genannte ternary Operator schnell unübersichtlich.

        Mehrere Kombinationen sind nicht nötig, aber mehr Variablen würden in Frage kommen. Sollte ich die Struktur beibehalten, wenn ich mal angenommen das selbe Spiel mit 10 Variablen mache?

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        wrote on last edited by
        #23

        @marcio

        Hatte ich direkt darunter geschrieben. Darüber sind wir auf das Script Thema gekommen.
        Dann baut man am besten im Skript Tab eine eigene javascriptfunktion die man dann direkt aus demnbinding heraus aufrufen und verwenden kann

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        1 Reply Last reply
        0
        • OliverIOO OliverIO

          @ro75
          ja korrekt.
          der edit erfolgte wenige sekunden nach dem ersten post.
          wenn ich korrektur lese, dann fällt mir meist noch was ein

          in der korrektur habe ich aber den sinn nicht verändert, sondern nur verdeutlicht.
          bspw skripte tab iobroker ergänzt mit wird auf dem server ausgeführt, und das selbe entsprechend mit dem client ergänzt

          HomoranH Do not disturb
          HomoranH Do not disturb
          Homoran
          Global Moderator Administrators
          wrote on last edited by
          #24

          @oliverio
          @Ro75

          ja, fehlende Kennzeichnung von Edits ist immer unschön!

          und ja! in diesem Fall war da keine Änderung des Inhaltes, nur eine Ergänzung.
          Das geht.

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          1 Reply Last reply
          1
          • M Offline
            M Offline
            MarcIO
            wrote on last edited by
            #25

            @oliverio

            Dieser Code hat leider nicht funktioniert

            var M1_Friction = getState("0_userdata.0.Garage.Motor1_Friction").val;
            var M1_Impact = getState("0_userdata.0.Garage.Motor1_Impact").val;
            var M1_Temperature = getState("0_userdata.0.Garage.Motor1_Temperature").val;
            
            if (M1_Friction<=8 && M1_Impact<=23 && M1_Temperature<=42)
            {
                setState("td_css_background-color",'lightgreen');
            }
             else if (M1_Friction>8.5 || M1_Impact>24 || M1_Temperature>43)
             {
                setState("td_css_background-color",'#ff6633');
             }
             else 
             {
                setState("td_css_background-color",'yellow');
             }
            
            

            Ne Idee was hier verkehrt ist?

            OliverIOO 1 Reply Last reply
            0
            • M MarcIO

              @oliverio

              Dieser Code hat leider nicht funktioniert

              var M1_Friction = getState("0_userdata.0.Garage.Motor1_Friction").val;
              var M1_Impact = getState("0_userdata.0.Garage.Motor1_Impact").val;
              var M1_Temperature = getState("0_userdata.0.Garage.Motor1_Temperature").val;
              
              if (M1_Friction<=8 && M1_Impact<=23 && M1_Temperature<=42)
              {
                  setState("td_css_background-color",'lightgreen');
              }
               else if (M1_Friction>8.5 || M1_Impact>24 || M1_Temperature>43)
               {
                  setState("td_css_background-color",'#ff6633');
               }
               else 
               {
                  setState("td_css_background-color",'yellow');
               }
              
              

              Ne Idee was hier verkehrt ist?

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              wrote on last edited by
              #26

              @marcio

              Hast du eine Fehlermeldung?
              Wenn nein, dann sind die Werte in einem Bereich, der durch die Abfragen nicht abgedeckt sind
              Baue bitte mal noch die Ausgabe der Werte auf der console mit ein, dann kann man das auch prüfen.

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              M 1 Reply Last reply
              0
              • OliverIOO OliverIO

                @marcio

                Hast du eine Fehlermeldung?
                Wenn nein, dann sind die Werte in einem Bereich, der durch die Abfragen nicht abgedeckt sind
                Baue bitte mal noch die Ausgabe der Werte auf der console mit ein, dann kann man das auch prüfen.

                M Offline
                M Offline
                MarcIO
                wrote on last edited by MarcIO
                #27

                @oliverio

                Ja schaut so aus

                Bildschirmfoto 2024-07-10 um 16.45.45.png

                Kann es sein, dass die getState-Funktion nicht kompatibel ist?

                Ro75R OliverIOO 2 Replies Last reply
                0
                • M MarcIO

                  @oliverio

                  Ja schaut so aus

                  Bildschirmfoto 2024-07-10 um 16.45.45.png

                  Kann es sein, dass die getState-Funktion nicht kompatibel ist?

                  Ro75R Offline
                  Ro75R Offline
                  Ro75
                  wrote on last edited by
                  #28

                  @marcio das was im JS-Adapter möglich ist, funktioniert nicht gleichbedeutend im Tab "Scripte" der VIS.

                  Deswegen wäre esaus meiner Sicht günstiger, alles in JS-Dapte zumachen, das Ergebnis in einen DP zu speichern und diesen dann per {Datenpunkt} in der VIS einbinden.

                  Ro75.

                  SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

                  1 Reply Last reply
                  1
                  • M MarcIO

                    @oliverio

                    Ja schaut so aus

                    Bildschirmfoto 2024-07-10 um 16.45.45.png

                    Kann es sein, dass die getState-Funktion nicht kompatibel ist?

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    wrote on last edited by OliverIO
                    #29

                    @marcio

                    Die meisten Fehler betreffen nicht das Script, sondern Fehler von anderen geladenen Adaptern

                    Hier mal ein komplettes Beispiel. Ich habe zum testen ein html-widget verwendet, so das man direkt das Ergebnis sieht. später kann man das Binding dann direkt in ein entsprechendes Color Feld eintragen. Meine Testdatenpunkte und auch die Bezeichnungen der Variablen kann nach belieben angepasst werden. Hier passiert eigentlich nix anderes, als das die Inhalte der Datenpunkte an die Funktion vis.testFunktion übergeben wird. Alle Logik passiert dann in dieser Funktion

                    {v1:0_userdata.0.testFolder.a;v2:0_userdata.0.testFolder.b;v3:0_userdata.0.testFolder.c;vis.testFunktion(v1,v2,v3)}
                    

                    Dann die folgende Funktion in den script-Tab eintragen.
                    Zu beginn wird erstmal auf die browser-console alle Parameter ausgegeben. Das macht es dann später einfacher das zu prüfen.
                    Zurückgegeben wird der Text der gewünschten Farbe, der nachher durch css interpretiert wird.

                    vis.testFunktion=function(friction,impact,temp){
                    console.log(`friction:${friction} impact:${impact} temp:${temp}`)
                    if (friction<=8 && impact<=23 && temp<=42)
                    {
                        return 'lightgreen'
                    }
                     else if (friction>8.5 || impact>24 || temp>43)
                     {
                        return '#ff6633';
                     }
                     else 
                     {
                        return 'yellow';
                     }
                        }
                    

                    soe wie @Ro75 angemerkt hat, können die meisten Befehle, die aus dem javascript-Adapter bekannt sind, so nicht verwendet werden, bzw. ist nicht so ohne weiteres ohne größeren Aufwand möglich.
                    Wenn man aus einem widget unbedingt einen Wert setzen möchte, dann nennt sich der Befehl vis.setValue("id","wert"); Der wird aber immer unbestätigt zum iobroker geschickt. Das sollte vermieden werden und ist wie hier ersichtlich ist auch nicht notwendig.
                    Datenpunkte dynamisch zu berechnen ist über diesen Weg ebenfalls nicht möglich. bzw. auch hier nur mit größerem Aufwand und tricksereien, die nicht vis-2 kompatibel sind.

                    Meine Adapter und Widgets
                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                    Links im Profil

                    M 1 Reply Last reply
                    1
                    • OliverIOO OliverIO

                      @marcio

                      Die meisten Fehler betreffen nicht das Script, sondern Fehler von anderen geladenen Adaptern

                      Hier mal ein komplettes Beispiel. Ich habe zum testen ein html-widget verwendet, so das man direkt das Ergebnis sieht. später kann man das Binding dann direkt in ein entsprechendes Color Feld eintragen. Meine Testdatenpunkte und auch die Bezeichnungen der Variablen kann nach belieben angepasst werden. Hier passiert eigentlich nix anderes, als das die Inhalte der Datenpunkte an die Funktion vis.testFunktion übergeben wird. Alle Logik passiert dann in dieser Funktion

                      {v1:0_userdata.0.testFolder.a;v2:0_userdata.0.testFolder.b;v3:0_userdata.0.testFolder.c;vis.testFunktion(v1,v2,v3)}
                      

                      Dann die folgende Funktion in den script-Tab eintragen.
                      Zu beginn wird erstmal auf die browser-console alle Parameter ausgegeben. Das macht es dann später einfacher das zu prüfen.
                      Zurückgegeben wird der Text der gewünschten Farbe, der nachher durch css interpretiert wird.

                      vis.testFunktion=function(friction,impact,temp){
                      console.log(`friction:${friction} impact:${impact} temp:${temp}`)
                      if (friction<=8 && impact<=23 && temp<=42)
                      {
                          return 'lightgreen'
                      }
                       else if (friction>8.5 || impact>24 || temp>43)
                       {
                          return '#ff6633';
                       }
                       else 
                       {
                          return 'yellow';
                       }
                          }
                      

                      soe wie @Ro75 angemerkt hat, können die meisten Befehle, die aus dem javascript-Adapter bekannt sind, so nicht verwendet werden, bzw. ist nicht so ohne weiteres ohne größeren Aufwand möglich.
                      Wenn man aus einem widget unbedingt einen Wert setzen möchte, dann nennt sich der Befehl vis.setValue("id","wert"); Der wird aber immer unbestätigt zum iobroker geschickt. Das sollte vermieden werden und ist wie hier ersichtlich ist auch nicht notwendig.
                      Datenpunkte dynamisch zu berechnen ist über diesen Weg ebenfalls nicht möglich. bzw. auch hier nur mit größerem Aufwand und tricksereien, die nicht vis-2 kompatibel sind.

                      M Offline
                      M Offline
                      MarcIO
                      wrote on last edited by
                      #30

                      @oliverio @Ro75,

                      ich danke euch sehr, hat einwandfrei funktioniert! :+1:

                      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

                      377

                      Online

                      32.7k

                      Users

                      82.4k

                      Topics

                      1.3m

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

                      • Don't have an account? Register

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