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. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.3m Views 273 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.
  • ? A Former User

    @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

    @lommi Stell sie dann bitte hier ein. Danke.

    wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das ;-)
    Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

    BSPW:

    @keyframes bubble {
        0%   { transform:scale(0.2); opacity:1.0; }
        50%  { transform:scale(2.0); opacity:1.0; }
        100% { transform:scale(1.0); opacity:1.0; }
    }
    
    SantosS Offline
    SantosS Offline
    Santos
    wrote on last edited by
    #3963

    @lommi said in jarvis v2.2.0 - just another remarkable vis:

    @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

    @lommi Stell sie dann bitte hier ein. Danke.

    wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das ;-)
    Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

    BSPW:

    @keyframes bubble {
        0%   { transform:scale(0.2); opacity:1.0; }
        50%  { transform:scale(2.0); opacity:1.0; }
        100% { transform:scale(1.0); opacity:1.0; }
    }
    

    Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

    X 1 Reply Last reply
    0
    • Stefan OttenS Stefan Otten

      Hallo,

      ich habe ein kleines Darstellungsproblem.
      Die Zahlen auf der Skala werden nicht wie konfiguriert (5,10) angezeigt.
      Habe den Datenpunkt in Jarvis auch schon neu angelegt, aber es gibt leider keine Veränderung.
      Hat jemand eine Idee?
      Bildschirmfoto 2021-03-01 um 08.11.43.png
      Bildschirmfoto 2021-03-01 um 08.13.02.png

      M Offline
      M Offline
      MCU
      wrote on last edited by
      #3964

      @stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      Stefan OttenS 1 Reply Last reply
      0
      • SantosS Santos

        @lommi said in jarvis v2.2.0 - just another remarkable vis:

        @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

        @lommi Stell sie dann bitte hier ein. Danke.

        wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das ;-)
        Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

        BSPW:

        @keyframes bubble {
            0%   { transform:scale(0.2); opacity:1.0; }
            50%  { transform:scale(2.0); opacity:1.0; }
            100% { transform:scale(1.0); opacity:1.0; }
        }
        

        Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

        X Offline
        X Offline
        xdelta
        wrote on last edited by
        #3965

        @santos said in jarvis v2.2.0 - just another remarkable vis:

        @lommi said in jarvis v2.2.0 - just another remarkable vis:

        @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

        @lommi Stell sie dann bitte hier ein. Danke.

        wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das ;-)
        Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

        BSPW:

        @keyframes bubble {
            0%   { transform:scale(0.2); opacity:1.0; }
            50%  { transform:scale(2.0); opacity:1.0; }
            100% { transform:scale(1.0); opacity:1.0; }
        }
        

        Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

        Das legst du bei den Styles an. Und das "bubbles" kommt dann hinter die Icon Klasse (z.B. mdi-home bubbles)

        SantosS 1 Reply Last reply
        0
        • M MCU

          @stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

          Stefan OttenS Offline
          Stefan OttenS Offline
          Stefan Otten
          wrote on last edited by
          #3966

          @mcu said in jarvis v2.2.0 - just another remarkable vis:

          @stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

          Ahhhh super Danke, das war es.
          Da hätte ich auch drauf kommen können.

          1 Reply Last reply
          0
          • Flo XXXF Flo XXX

            @stefan-otten

            Hallo,

            das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen... ;)
            oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

            Danke!

            mfg

            Stefan OttenS Offline
            Stefan OttenS Offline
            Stefan Otten
            wrote on last edited by
            #3967

            @flo-xxx said in jarvis v2.2.0 - just another remarkable vis:

            @stefan-otten

            Hallo,

            das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen... ;)
            oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

            Danke!

            mfg

            Ich habe die original Saunasteuerung mit einem Sonoff TH16 gekapert ;-)
            Den Temperaturfühler in der Sauna montiert und über ein Blockly-Script überwache icn dann alles und schalte den TH16. Der wiederum steuert das Saunaofen-Schütz. Habe also die originale Temp-Steuerung gegen die Sonoff getauscht.

            M 1 Reply Last reply
            0
            • Stefan OttenS Stefan Otten

              @flo-xxx said in jarvis v2.2.0 - just another remarkable vis:

              @stefan-otten

              Hallo,

              das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen... ;)
              oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

              Danke!

              mfg

              Ich habe die original Saunasteuerung mit einem Sonoff TH16 gekapert ;-)
              Den Temperaturfühler in der Sauna montiert und über ein Blockly-Script überwache icn dann alles und schalte den TH16. Der wiederum steuert das Saunaofen-Schütz. Habe also die originale Temp-Steuerung gegen die Sonoff getauscht.

              M Offline
              M Offline
              MCU
              wrote on last edited by
              #3968

              @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
              Vielen Dank.

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Stefan OttenS 1 Reply Last reply
              0
              • M MCU

                @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
                Vielen Dank.

                Stefan OttenS Offline
                Stefan OttenS Offline
                Stefan Otten
                wrote on last edited by
                #3969

                @mcu said in jarvis v2.2.0 - just another remarkable vis:

                @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
                Vielen Dank.

                Mache ich die Tage mal
                Aber in einem anderen (Neuen) Beitrag.
                Verlinke dann hier.

                Flo XXXF 1 Reply Last reply
                1
                • M Offline
                  M Offline
                  MCU
                  wrote on last edited by
                  #3970

                  @zefau 2.2.0 Geräte Bearbeitung:

                  Klickt man in ein Feld zur Eingabe erscheint unter dem ausgewähltem Feld: boolean, Adressen verwalten?

                  33c0ab7c-691f-446c-96b7-bbe961f5f34d-image.png

                  Kommt man mit der Maus auf das boolean erhält man :

                  23bcaf3b-3bc8-4524-ac02-c4cc598523d6-image.png

                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  1 Reply Last reply
                  0
                  • X xdelta

                    @santos said in jarvis v2.2.0 - just another remarkable vis:

                    @lommi said in jarvis v2.2.0 - just another remarkable vis:

                    @mcu sagte in jarvis v2.2.0 - just another remarkable vis:

                    @lommi Stell sie dann bitte hier ein. Danke.

                    wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das ;-)
                    Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

                    BSPW:

                    @keyframes bubble {
                        0%   { transform:scale(0.2); opacity:1.0; }
                        50%  { transform:scale(2.0); opacity:1.0; }
                        100% { transform:scale(1.0); opacity:1.0; }
                    }
                    

                    Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

                    Das legst du bei den Styles an. Und das "bubbles" kommt dann hinter die Icon Klasse (z.B. mdi-home bubbles)

                    SantosS Offline
                    SantosS Offline
                    Santos
                    wrote on last edited by
                    #3971

                    @xdelta said in jarvis v2.2.0 - just another remarkable vis:

                    bubbles

                    Ich habe es zuerst bei Styles angelegt
                    Screenshot 2021-03-01 213045.png

                    Dann beim Sensor eingefügt
                    Screenshot 2021-03-01 213025.png

                    Es wird aber gar kein Icon angezeigt
                    Screenshot 2021-03-01 213202.png

                    M 1 Reply Last reply
                    0
                    • SantosS Santos

                      @xdelta said in jarvis v2.2.0 - just another remarkable vis:

                      bubbles

                      Ich habe es zuerst bei Styles angelegt
                      Screenshot 2021-03-01 213045.png

                      Dann beim Sensor eingefügt
                      Screenshot 2021-03-01 213025.png

                      Es wird aber gar kein Icon angezeigt
                      Screenshot 2021-03-01 213202.png

                      M Offline
                      M Offline
                      MCU
                      wrote on last edited by MCU
                      #3972

                      @santos Bin mir nicht sicher ob temperature das richtige Icon ist, aber sonst:
                      Geändert auf thermometer
                      Muss ein wenig mehr in die Styles:

                      .bubbles {animation: bubble 2s infinite;}
                      
                      @keyframes bubble {
                          0%   { transform:scale(0.2); opacity:1.0; }
                          50%  { transform:scale(2.0); opacity:1.0; }
                          100% { transform:scale(1.0); opacity:1.0; }
                      }
                      
                      {"<1":"mdi-thermometer bubbles"}
                      

                      Zum Testen:

                      {"default":"mdi-thermometer bubbles"}
                      

                      Bubbles Beispiel.gif

                      Problem, bei einigen Icons funktioniert es mit dem bubbles nicht: Beispiel:
                      (eigentlich sollte das Gelbe Icon auch mit dem bubbles Effekt laufen, haben beide die gleiche Einstellung)
                      Bubbles Problem nur bestimmte Icons.gif

                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      1 Reply Last reply
                      2
                      • kBrokerK Offline
                        kBrokerK Offline
                        kBroker
                        wrote on last edited by
                        #3973

                        Ich bekomme es nicht hin, das Zeitformat für den LastChangeBody zu ändern.

                        Egal was ich als Wert eingebe, es kommt immer die Fehlermeldung "Falsches Zeitformat".
                        "DistanceToNow" scheint der einzig gültige Wert zu sein.

                        Laut der date-fns Doku, auf die Jarvis verweist, müsste "DistanceStrict" z.B. funktionieren, aber in keiner Variante geht es.

                        Liegt es an mir oder Jarvis?

                        M 1 Reply Last reply
                        0
                        • kBrokerK kBroker

                          Ich bekomme es nicht hin, das Zeitformat für den LastChangeBody zu ändern.

                          Egal was ich als Wert eingebe, es kommt immer die Fehlermeldung "Falsches Zeitformat".
                          "DistanceToNow" scheint der einzig gültige Wert zu sein.

                          Laut der date-fns Doku, auf die Jarvis verweist, müsste "DistanceStrict" z.B. funktionieren, aber in keiner Variante geht es.

                          Liegt es an mir oder Jarvis?

                          M Offline
                          M Offline
                          MCU
                          wrote on last edited by MCU
                          #3974

                          @kbroker sagte in jarvis v2.2.0 - just another remarkable vis:

                          date-fns

                          Welche Vorteile haben die anderen Formate?

                          @Zefau
                          Kann ich bestätigen. Zurzeit ist nur distancetonow (Zeitformat LastChangeBody) ein gültiger Wert.
                          Habe versucht mit distancetonowstrict und distancestrict. Beide ergeben falsches Zeitformat.

                          Legst du dazu ein Issue an: https://github.com/Zefau/ioBroker.jarvis/issues ?

                          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          SantosS 1 Reply Last reply
                          0
                          • M Offline
                            M Offline
                            MCU
                            wrote on last edited by MCU
                            #3975

                            Rainbow-Text Effekt nur für Anzeigevarianten:

                            {"open":"geöffnet","closed":"<span class='rainbow-text' >geschlossen</span>"}
                            

                            Einträge für Styles Pro:

                            
                            .rainbow-text {
                             background: linear-gradient(55deg,#FFD33D 0,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 100%);
                             background-size: auto;
                             background-clip: border-box;
                             background-clip: text;
                             display: inline-block;
                             color: transparent;
                             text-fill-color: transparent;
                             -webkit-background-clip: text;
                             -webkit-text-fill-color: transparent;
                             animation: shine 1.5s alternate infinite;
                             animation-duration: 4s;
                             background-size: 200%;
                            }
                            
                            @keyframes shine {
                             0% {
                              background-position:200% center
                             }
                             50% {
                              background-position:100% center
                             }
                             100% {
                              background-position:200% center
                             }
                            } 
                            

                            Ergebnis:

                            Rainbow-Text Beispiel.gif

                            Pulsierendes Rechteck in rot:

                            .impuls {
                             animation: rechteck-puls 1s infinite;
                            }
                            
                            @keyframes rechteck-puls {
                              0% {
                                box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.9);
                              }
                              100% {
                                box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
                              }
                            }
                            

                            NUR für Anzeigevarianten möglich:

                            {"true":"<span class='impuls'>an</span>"}
                            

                            Ergebnis:

                            Alarm mit rotem Puls.gif

                            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                            C 1 Reply Last reply
                            4
                            • Stefan OttenS Stefan Otten

                              @mcu said in jarvis v2.2.0 - just another remarkable vis:

                              @stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
                              Vielen Dank.

                              Mache ich die Tage mal
                              Aber in einem anderen (Neuen) Beitrag.
                              Verlinke dann hier.

                              Flo XXXF Offline
                              Flo XXXF Offline
                              Flo XXX
                              wrote on last edited by
                              #3976

                              @stefan-otten

                              Hallo,

                              ok, danke für die Info!

                              lg

                              1 Reply Last reply
                              0
                              • M Offline
                                M Offline
                                mpl1338
                                wrote on last edited by mpl1338
                                #3977

                                Mir werden die werte 0 und 100 als NaN erkannt dadurch funktioniert die abfrage auch nicht mehr

                                objekte.png
                                jarvis.png
                                gerät.png

                                M 1 Reply Last reply
                                0
                                • M MCU

                                  @kbroker sagte in jarvis v2.2.0 - just another remarkable vis:

                                  date-fns

                                  Welche Vorteile haben die anderen Formate?

                                  @Zefau
                                  Kann ich bestätigen. Zurzeit ist nur distancetonow (Zeitformat LastChangeBody) ein gültiger Wert.
                                  Habe versucht mit distancetonowstrict und distancestrict. Beide ergeben falsches Zeitformat.

                                  Legst du dazu ein Issue an: https://github.com/Zefau/ioBroker.jarvis/issues ?

                                  SantosS Offline
                                  SantosS Offline
                                  Santos
                                  wrote on last edited by
                                  #3978

                                  @mcu Das ist richtig schön, all diese Gestaltungsmöglichkeiten! Ich finde sie klasse!
                                  Könnte man es nicht in eine Wiki schieben, damit es alle nutzen können?
                                  Für mich war das Design von Jarvis zuerst eher langweilig, denn ich kenne mich mit JSON nicht aus. Nachdem Du gezeigt hast, wie man verschiedene Effekte reinbringt, wird die VIS Anzeige lebendiger!

                                  1 Reply Last reply
                                  2
                                  • SantosS Offline
                                    SantosS Offline
                                    Santos
                                    wrote on last edited by
                                    #3979

                                    Ich kriege mein Problem immer noch nicht in Griff! Zwar gibt es seit dem Update die Möglichkeit Anzahl der Spalten für verschieden große Bildschirme anzuzeigen, diese Option nutzt mir jedoch nichts. Denn die einzelnen Abstände zwischen den angezeigten Werten und Icons sind immer noch zu groß. Ich würde gern sie etwas kompakter halten.
                                    Screenshot 2021-03-02 215918.png

                                    M 1 Reply Last reply
                                    0
                                    • M mpl1338

                                      Mir werden die werte 0 und 100 als NaN erkannt dadurch funktioniert die abfrage auch nicht mehr

                                      objekte.png
                                      jarvis.png
                                      gerät.png

                                      M Offline
                                      M Offline
                                      MCU
                                      wrote on last edited by
                                      #3980

                                      @mpl1338
                                      Stell hier mal die Einträge um:

                                      4b27191e-e49e-4335-a6f9-e60bc5f9b1e0-image.png

                                      {"min":"100","max":"0"}
                                      

                                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      M 1 Reply Last reply
                                      0
                                      • SantosS Santos

                                        Ich kriege mein Problem immer noch nicht in Griff! Zwar gibt es seit dem Update die Möglichkeit Anzahl der Spalten für verschieden große Bildschirme anzuzeigen, diese Option nutzt mir jedoch nichts. Denn die einzelnen Abstände zwischen den angezeigten Werten und Icons sind immer noch zu groß. Ich würde gern sie etwas kompakter halten.
                                        Screenshot 2021-03-02 215918.png

                                        M Offline
                                        M Offline
                                        MCU
                                        wrote on last edited by
                                        #3981

                                        @santos
                                        https://github.com/Zefau/ioBroker.jarvis/issues/637

                                        https://github.com/Zefau/ioBroker.jarvis/issues/595

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        SantosS 1 Reply Last reply
                                        0
                                        • R Offline
                                          R Offline
                                          Robbi12
                                          wrote on last edited by
                                          #3982

                                          Hallo, habe ein Problem. Ich denke es war mit der Beta nicht.

                                          Ich habe folgendes bei der Anzeige eines Datenpunktes eingegeben:

                                          {
                                          ">=22.5": {
                                          "color": "#ff0000"
                                          },
                                          ">=21": {
                                          "color": "#ffa500"
                                          },
                                          ">=19": {
                                          "color": "#fce903"
                                          },
                                          ">16": {
                                          "color": "#00ff00"
                                          }
                                          }

                                          Das sollte die Farbe bei den verschiedenen Werten ändern. Es wird aber immer nur grün angezeigt. Auch wenn die Werte anders sind.

                                          M 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

                                          676

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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