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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

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

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

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

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Ä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.
  • R RkcCorian

    Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

    a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

    M Online
    M Online
    MCU
    schrieb am zuletzt editiert von
    #5344

    @rkccorian Das muss direkt bei Grafana eingestellt werden, wo weiß ich nicht. Ich habe es noch nicht.

    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 Antwort Letzte Antwort
    0
    • R RkcCorian

      Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

      a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

      ? Offline
      ? Offline
      Ein ehemaliger Benutzer
      schrieb am zuletzt editiert von
      #5345

      @rkccorian ich probiere noch mal was und dann melde ich mich bei dir hier im thread. Hab da eine Lösung bzw. vielleicht auch zwei.

      1 Antwort Letzte Antwort
      1
      • R RkcCorian

        Weiß jemand wie man den Hintegrund von Grapha-Graphen tlw. durchsichtig hinbekommt? Das ist eines der letzten Dinge, dass mir für meine Visualisierung noch fehlt.

        a661ea0d-a52a-4835-8c51-78483c483ce6-image.png

        ? Offline
        ? Offline
        Ein ehemaliger Benutzer
        schrieb am zuletzt editiert von
        #5346

        @rkccorian Soo ich habe mal beide Lösungswege die in diesem Artikel beschrieben sind ausprobiert. Und beide funktionieren auch noch. Auch mit der aktuellen Version von Grafana. Bei fragen kann ich versuchen zu helfen.

        Bildschirmfoto 2021-10-10 um 16.44.51.png

        R 1 Antwort Letzte Antwort
        0
        • ? Ein ehemaliger Benutzer

          @rkccorian Soo ich habe mal beide Lösungswege die in diesem Artikel beschrieben sind ausprobiert. Und beide funktionieren auch noch. Auch mit der aktuellen Version von Grafana. Bei fragen kann ich versuchen zu helfen.

          Bildschirmfoto 2021-10-10 um 16.44.51.png

          R Offline
          R Offline
          RkcCorian
          schrieb am zuletzt editiert von
          #5347

          @ciddi89 Hab mal reingeschaut. Das Boom Theme hatte ich mal ausprobiert, da war aber immer ein Widget mit drin, daher war das nicht gut. Wie geht die andere Lösung mit Grafana v8.x (hab 8.1.3). Vielen Dank im Voraus!

          ? 1 Antwort Letzte Antwort
          0
          • R RkcCorian

            @ciddi89 Hab mal reingeschaut. Das Boom Theme hatte ich mal ausprobiert, da war aber immer ein Widget mit drin, daher war das nicht gut. Wie geht die andere Lösung mit Grafana v8.x (hab 8.1.3). Vielen Dank im Voraus!

            ? Offline
            ? Offline
            Ein ehemaliger Benutzer
            schrieb am zuletzt editiert von
            #5348

            @rkccorian so wie im vierten Artikel

            Bevorzuge auch diese Variante. Musste zwar dafür das allgemeine Grafana Dashboard in das Light Theme umstellen weil sonst sieht es dort teilweise komisch aus. Aber dafür läuft das besser und lädt auch sofort die css Datei mit und ist nicht verzögert wie bei Boom und man kann so auch einzelne Widgets einfügen in Transparent. Das geht bei Boom ja nicht.

            R 1 Antwort Letzte Antwort
            0
            • ? Ein ehemaliger Benutzer

              @rkccorian so wie im vierten Artikel

              Bevorzuge auch diese Variante. Musste zwar dafür das allgemeine Grafana Dashboard in das Light Theme umstellen weil sonst sieht es dort teilweise komisch aus. Aber dafür läuft das besser und lädt auch sofort die css Datei mit und ist nicht verzögert wie bei Boom und man kann so auch einzelne Widgets einfügen in Transparent. Das geht bei Boom ja nicht.

              R Offline
              R Offline
              RkcCorian
              schrieb am zuletzt editiert von
              #5349

              @ciddi89 Bei mir läuft Grafana in einem Docker-Container. Hab in dem gemounteten Ordner gesucht aber usr\share\grafana\public\views\index.htmlnicht gefunden

              ? 1 Antwort Letzte Antwort
              0
              • R RkcCorian

                @ciddi89 Bei mir läuft Grafana in einem Docker-Container. Hab in dem gemounteten Ordner gesucht aber usr\share\grafana\public\views\index.htmlnicht gefunden

                ? Offline
                ? Offline
                Ein ehemaliger Benutzer
                schrieb am zuletzt editiert von
                #5350

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

                \public\views\index.html

                Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                R 2 Antworten Letzte Antwort
                0
                • ? Ein ehemaliger Benutzer

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

                  \public\views\index.html

                  Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                  R Offline
                  R Offline
                  RkcCorian
                  schrieb am zuletzt editiert von
                  #5351

                  @ciddi89 War auch meine Idee, finde allerdings gar keine html-Datei :-(
                  Folgendes sehe ich, wobei ich "certificate" selber angelegt habe
                  0d7c6c5e-53f4-4998-9082-d64a06b8b042-image.png

                  ? 1 Antwort Letzte Antwort
                  0
                  • ? Ein ehemaliger Benutzer

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

                    \public\views\index.html

                    Weiss nun nicht wie die Ordnerstruktur in den Container ist. Aber ich glaube der mountet den usr/share/grafana Ordner als root Ordner. Somit müsste da direkt der /public/ Ordner sein. Kann mich aber auch irren. Daher vielleicht die index.html Datei per Suche suchen.

                    R Offline
                    R Offline
                    RkcCorian
                    schrieb am zuletzt editiert von
                    #5352

                    @ciddi89 Hab in die Ordner geschaut, die sind alle leer. Meine Konfig ist wohl alleinig in "grafana.db"

                    1 Antwort Letzte Antwort
                    0
                    • R RkcCorian

                      @ciddi89 War auch meine Idee, finde allerdings gar keine html-Datei :-(
                      Folgendes sehe ich, wobei ich "certificate" selber angelegt habe
                      0d7c6c5e-53f4-4998-9082-d64a06b8b042-image.png

                      ? Offline
                      ? Offline
                      Ein ehemaliger Benutzer
                      schrieb am zuletzt editiert von Ein ehemaliger Benutzer
                      #5353

                      @rkccorian hmm okay. evtl. kann/muss man den Ordner nachträglich mounten. Also ein neuen Ordner erstellen z.B. views und dann in den Containereinstellung wenn man einen neuen Container mit Grafana erstellt den Ordner usr\share\grafana\public\views\ mounten. Aber ob das funktioniert weiss ich nicht. Kann vielleicht einer sagen der mehr in Docker und dessen Container bewandert ist.

                      1 Antwort Letzte Antwort
                      0
                      • R RkcCorian

                        @mcu Für Deine Doku, falls Du es ergänzen möchtest... Ich mache jetzt das BlindlevelAction kleiner über die Schriftgröße, dann kann ich es wieder auf die gewünschte Größe vergrößern. Der Umweg über die Schriftart ist notwendig, sonst kann ich die Höhe nicht so klein machen wie ich es möchte, da mit top und bottom 1px ansonsten Schluss ist.

                        /* BlindLevelAction =============================================== */
                        
                        .BlindLevelAction [role="button"] {
                        	font-size: 8px !important;
                        }
                        
                        .BlindLevelAction .q-btn__wrapper {
                        	padding-left: 12px !important;
                        	padding-right: 12px !important;
                        	padding-top: 4px !important;
                        	padding-bottom: 4px !important;
                        }
                        
                        M Online
                        M Online
                        MCU
                        schrieb am zuletzt editiert von
                        #5354

                        @rkccorian
                        Hab den Vorschlag aufgenommen:
                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/blindlevelaction#vorschlag-von-rkccorian-iobroker-forum

                        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 Antwort Letzte Antwort
                        1
                        • DiginixD Offline
                          DiginixD Offline
                          Diginix
                          schrieb am zuletzt editiert von
                          #5355

                          @mcu Bin auf v2, aber überlege ob ich nicht doch schon auf v3 gehe bevor ich zu viel Zeit in v2 investiere.
                          Ansich ist alles fertig und ich bin am Finetuning. Aber mit v3 geht sicher einiges mehr, gerade was das Layout angeht.
                          Eigentlich möchte ich nicht min/max drehen sondern dass die Icons der beiden Buttons vertauscht sind.
                          Also links müsste der Pfeil nach unten und rechts der Pfeil nach oben sein.
                          6b3ee9be-c8a2-4bd5-89f8-c912232aad8b-image.png

                          ..:: So long! Tom ::..

                          NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                          M 1 Antwort Letzte Antwort
                          0
                          • DiginixD Diginix

                            @mcu Bin auf v2, aber überlege ob ich nicht doch schon auf v3 gehe bevor ich zu viel Zeit in v2 investiere.
                            Ansich ist alles fertig und ich bin am Finetuning. Aber mit v3 geht sicher einiges mehr, gerade was das Layout angeht.
                            Eigentlich möchte ich nicht min/max drehen sondern dass die Icons der beiden Buttons vertauscht sind.
                            Also links müsste der Pfeil nach unten und rechts der Pfeil nach oben sein.
                            6b3ee9be-c8a2-4bd5-89f8-c912232aad8b-image.png

                            M Online
                            M Online
                            MCU
                            schrieb am zuletzt editiert von MCU
                            #5356

                            @diginix
                            Vertauschen der Pfeile geht nicht, auch nicht mit v3. Dann musst du ein Feature Request erstellen.
                            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.

                            DiginixD 1 Antwort Letzte Antwort
                            0
                            • M MCU

                              @diginix
                              Vertauschen der Pfeile geht nicht, auch nicht mit v3. Dann musst du ein Feature Request erstellen.
                              https://github.com/Zefau/ioBroker.jarvis/issues

                              DiginixD Offline
                              DiginixD Offline
                              Diginix
                              schrieb am zuletzt editiert von
                              #5357

                              @mcu Hm, hätte gedacht mit CSS kann ich die Icons auf den 2 Buttons selbst festlegen.
                              Aber ok. Ich muss halt immer umdenken dass der Pfeil nach oben die Markise nach schräg unten ausfährt. Ist eben nicht stimmig von der Pfeilrichtung. Ich möchte aber auch nicht dass 0% Markise auf bedeutet, wie bei Rollläden.

                              ..:: So long! Tom ::..

                              NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                              M 1 Antwort Letzte Antwort
                              0
                              • DiginixD Diginix

                                @mcu Hm, hätte gedacht mit CSS kann ich die Icons auf den 2 Buttons selbst festlegen.
                                Aber ok. Ich muss halt immer umdenken dass der Pfeil nach oben die Markise nach schräg unten ausfährt. Ist eben nicht stimmig von der Pfeilrichtung. Ich möchte aber auch nicht dass 0% Markise auf bedeutet, wie bei Rollläden.

                                M Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von
                                #5358

                                @diginix
                                In v3 kann man es drehen:

                                0e088b1c-e70a-46cc-bbeb-4c177f5b6131-image.png
                                Farbe muss aber direkt festgelegt werden:

                                .mdi-chevron-down {
                                	color: transparent;
                                	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=red') no-repeat center center / contain;
                                }
                                
                                .mdi-chevron-up {
                                	color: transparent;
                                	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=red') no-repeat center center / contain;
                                }
                                

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

                                DiginixD 1 Antwort Letzte Antwort
                                1
                                • M MCU

                                  @diginix
                                  In v3 kann man es drehen:

                                  0e088b1c-e70a-46cc-bbeb-4c177f5b6131-image.png
                                  Farbe muss aber direkt festgelegt werden:

                                  .mdi-chevron-down {
                                  	color: transparent;
                                  	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=red') no-repeat center center / contain;
                                  }
                                  
                                  .mdi-chevron-up {
                                  	color: transparent;
                                  	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=red') no-repeat center center / contain;
                                  }
                                  
                                  DiginixD Offline
                                  DiginixD Offline
                                  Diginix
                                  schrieb am zuletzt editiert von
                                  #5359

                                  @mcu Problem daran dürfte aber sein, dass es dann für alle Up/Down Buttons aller Rollläden usw. gedreht wäre oder?
                                  Schöner wäre es wenn man den CSS Selektor nur auf die Buttons des gewünschten Gerätes setzen könnte. Aber k.a. ob da persistente IDs im html existieren.
                                  Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

                                  ..:: So long! Tom ::..

                                  NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                                  M DiginixD 2 Antworten Letzte Antwort
                                  0
                                  • DiginixD Diginix

                                    @mcu Problem daran dürfte aber sein, dass es dann für alle Up/Down Buttons aller Rollläden usw. gedreht wäre oder?
                                    Schöner wäre es wenn man den CSS Selektor nur auf die Buttons des gewünschten Gerätes setzen könnte. Aber k.a. ob da persistente IDs im html existieren.
                                    Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

                                    M Online
                                    M Online
                                    MCU
                                    schrieb am zuletzt editiert von
                                    #5360

                                    @diginix Auf widget-Ebene kann man es eingrenzen.

                                    [widgets="ID"] .mdi-chevron.down{
                                    }
                                    

                                    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 Antwort Letzte Antwort
                                    1
                                    • DiginixD Diginix

                                      @mcu Problem daran dürfte aber sein, dass es dann für alle Up/Down Buttons aller Rollläden usw. gedreht wäre oder?
                                      Schöner wäre es wenn man den CSS Selektor nur auf die Buttons des gewünschten Gerätes setzen könnte. Aber k.a. ob da persistente IDs im html existieren.
                                      Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

                                      DiginixD Offline
                                      DiginixD Offline
                                      Diginix
                                      schrieb am zuletzt editiert von
                                      #5361

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

                                      Ich teste morgen mal die max:0,min:100 Regel was dann passiert. Kann zur aktuellen Tageszeit nur nicht mehr die Markisen öffnen ;-)

                                      @RkcCorian @MCU
                                      Das Tauschen von min/max bewirkt tatsächlich den Tausch der Up/Down Buttons bzw deren Richtung ohne dass sich die Level Werte ändern. Ich dachte dadurch ist dann auch im Levelslider 0=100 und 100=0, aber 0% bleiben 0. Wenn ich dann aber den Button Down drücke steigen die Prozente. Also genau das was ich wollte. :+1:

                                      ..:: So long! Tom ::..

                                      NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                                      1 Antwort Letzte Antwort
                                      2
                                      • M Offline
                                        M Offline
                                        Medea
                                        schrieb am zuletzt editiert von
                                        #5362

                                        Hallo zusammen,

                                        ich bin gerade dabei, mir ein Dashoard mit Jarvis zu bauen und suche nach der Möglichkeit einer bedingten Sichtbarkeit.
                                        Also einzelne Elemente einer Statelist sollen je nach Status eines Datenpunktes / Gerätes ein- bzw. ausgeblendet werden.
                                        Gibt es diese Möglichkeit im Moment überhaupt?

                                        ZefauZ M 2 Antworten Letzte Antwort
                                        0
                                        • DiginixD Offline
                                          DiginixD Offline
                                          Diginix
                                          schrieb am zuletzt editiert von
                                          #5363

                                          @medea Willst du dass der gesamte Platz frei wird oder nur Icon+Text+Wert ausgrauen/unsichtbar schalten?
                                          Das würde mit CSS im JSON Stil funktionieren. Aber der Platz vom Widget wäre weiterhin belegt. Mit dem richtigen Selektor ließe sich der vllt auch auf display:none setzen, aber das habe ich noch nicht probiert.

                                          ..:: So long! Tom ::..

                                          NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                                          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

                                          572

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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