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. Off Topic
  4. Grafana
  5. Hintergrund von Grafana Dashboard in VIS entfernen

NEWS

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

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

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

Hintergrund von Grafana Dashboard in VIS entfernen

Scheduled Pinned Locked Moved Grafana
vis
148 Posts 33 Posters 33.6k Views 40 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.
  • JB_SullivanJ JB_Sullivan

    @jens-meyer Wenn man die Konfig nicht sichert - ja

    abc8baf1-1cc2-4751-b55f-10b2d583c57e-image.png

    Jens MeyerJ Offline
    Jens MeyerJ Offline
    Jens Meyer
    wrote on last edited by
    #42

    @jb_sullivan
    Die config han ich schon gesichert...
    Ich meine trifft das auch auf das Boom Plugin und den css umschreibereien zu? Das meinte ich eher...
    Die default.ini habe ich schon beim ersten ändern gesichert

    JB_SullivanJ 1 Reply Last reply
    0
    • Jens MeyerJ Jens Meyer

      @jb_sullivan
      Die config han ich schon gesichert...
      Ich meine trifft das auch auf das Boom Plugin und den css umschreibereien zu? Das meinte ich eher...
      Die default.ini habe ich schon beim ersten ändern gesichert

      JB_SullivanJ Offline
      JB_SullivanJ Offline
      JB_Sullivan
      wrote on last edited by
      #43

      @jens-meyer

      Wenn ich nicht falsch liege, müsste alles was mit Code zu tun hat unter der grafana .db drin stehen. Vom ioB BackitUp Adapter werden dann auch noch die ganzen Grafana Dashboards gesichert, wo ja auch der Code für den transparenten Hintergrund drin steht.

      efea7328-cc89-488a-a014-571ad931c16e-image.png

      ioBroker auf Intel Core i3-5005U NUC und Windwos10 Pro

      1 Reply Last reply
      0
      • JB_SullivanJ Offline
        JB_SullivanJ Offline
        JB_Sullivan
        wrote on last edited by JB_Sullivan
        #44

        @ Jens Meyer

        <quote>
        Dein Strom view mal zugrunde gelegt.. wie hast das bei dem Diagramm hinbekommen links die Spannung zu haben und rechts die Watt ? Hab nichts gefunden das ich das so machen kann.. kann nur die Legende ein und ausblenden bzw. nur immer links die Achse mit bez. deklarieren wie ampere ode Watt aber nicht links für Ampere und rechts Watt

        kannst mir da n Tipp geben?</quote>

        Beim Klick auf die Farbe der Trendlinie öffnet sich das folgende Menü, wo du im Register y-Achse die Position festlegen kannst. Ab dann taucht es auch der Rechten Seite unter AXIS auf und du kannst es entsprechend konfigurieren.

        7b5686cb-5a88-4d9b-96c2-8881e821b53c-image.png

        Wenn du unter Grafana 7.4.2. - die Visualisieirung "Time Series BETA" verwendest, kannst du sogar mehrere Einheiten als Achsenbeschriftung definieren.

        b13de96b-1178-4d59-96a9-58ac8b973309-image.png

        ioBroker auf Intel Core i3-5005U NUC und Windwos10 Pro

        Jens MeyerJ 1 Reply Last reply
        0
        • JB_SullivanJ JB_Sullivan

          @ Jens Meyer

          <quote>
          Dein Strom view mal zugrunde gelegt.. wie hast das bei dem Diagramm hinbekommen links die Spannung zu haben und rechts die Watt ? Hab nichts gefunden das ich das so machen kann.. kann nur die Legende ein und ausblenden bzw. nur immer links die Achse mit bez. deklarieren wie ampere ode Watt aber nicht links für Ampere und rechts Watt

          kannst mir da n Tipp geben?</quote>

          Beim Klick auf die Farbe der Trendlinie öffnet sich das folgende Menü, wo du im Register y-Achse die Position festlegen kannst. Ab dann taucht es auch der Rechten Seite unter AXIS auf und du kannst es entsprechend konfigurieren.

          7b5686cb-5a88-4d9b-96c2-8881e821b53c-image.png

          Wenn du unter Grafana 7.4.2. - die Visualisieirung "Time Series BETA" verwendest, kannst du sogar mehrere Einheiten als Achsenbeschriftung definieren.

          b13de96b-1178-4d59-96a9-58ac8b973309-image.png

          Jens MeyerJ Offline
          Jens MeyerJ Offline
          Jens Meyer
          wrote on last edited by
          #45

          @jb_sullivan
          Danke... hätte ich nie gefunden...
          super

          1 Reply Last reply
          0
          • B Offline
            B Offline
            bloop
            wrote on last edited by
            #46

            Hallo,
            Ab Grafana 8.0 scheint das ganze leider nicht mehr zu funktionieren.
            Ich habe versucht das ganze gemäß eurer Anleitung abzuändern, allerdings verlier ich dann sämtliche CSS Einstellungen in Grafana.

            Allerdings ist in der index.html Datei bereits ein "stylesheet" angegeben. Dieses liegt bei mir unter
            usr/share/grafana/public/build/grafana
            hier scheint es ein .css jeweils für den Dark und den Light Theme zu geben.
            Ich habe mal versucht das .css zu analysieren und abzuändern, leider ohne Erfolg.
            Kenne mich damit zu wenig aus.

            Könnte mir vielleicht jemand weiterhelfen?

            Herzlichen Dank!

            S 1 Reply Last reply
            0
            • B bloop

              Hallo,
              Ab Grafana 8.0 scheint das ganze leider nicht mehr zu funktionieren.
              Ich habe versucht das ganze gemäß eurer Anleitung abzuändern, allerdings verlier ich dann sämtliche CSS Einstellungen in Grafana.

              Allerdings ist in der index.html Datei bereits ein "stylesheet" angegeben. Dieses liegt bei mir unter
              usr/share/grafana/public/build/grafana
              hier scheint es ein .css jeweils für den Dark und den Light Theme zu geben.
              Ich habe mal versucht das .css zu analysieren und abzuändern, leider ohne Erfolg.
              Kenne mich damit zu wenig aus.

              Könnte mir vielleicht jemand weiterhelfen?

              Herzlichen Dank!

              S Do not disturb
              S Do not disturb
              stenmic
              wrote on last edited by stenmic
              #47

              Also, ab Version 8.2.0 wurde bei mir die "usr\share\grafana\public\views\index.html" geändert.
              Mit den hier gezeigten Einstellungen ist es nicht mehr möglich was anzupassen.

              Hat einer von euch schon eine Lösung gefunden?

              R 1 Reply Last reply
              0
              • S stenmic

                Also, ab Version 8.2.0 wurde bei mir die "usr\share\grafana\public\views\index.html" geändert.
                Mit den hier gezeigten Einstellungen ist es nicht mehr möglich was anzupassen.

                Hat einer von euch schon eine Lösung gefunden?

                R Offline
                R Offline
                RkcCorian
                wrote on last edited by
                #48

                @stenmic Würde mich auch interessieren. Hab nun angefangen das Boom Theme zu nutzen, leider ist das iFrame dadurch größer, bzw. ein kleiner Scollbalken sichtbar :-|

                1 Reply Last reply
                0
                • P Offline
                  P Offline
                  Pahan
                  wrote on last edited by
                  #49

                  Hallo zusammen,

                  hat evtl. jemand eine Lösung gefunden, den Hintergrund bei der aktuellen Version zu entfernen?

                  da_WoodyD 1 Reply Last reply
                  0
                  • P Pahan

                    Hallo zusammen,

                    hat evtl. jemand eine Lösung gefunden, den Hintergrund bei der aktuellen Version zu entfernen?

                    da_WoodyD Offline
                    da_WoodyD Offline
                    da_Woody
                    wrote on last edited by
                    #50

                    @pahan öhm, welchen hintergrund meinst du?

                    gruß vom Woody
                    HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                    CrunkFXC 1 Reply Last reply
                    0
                    • da_WoodyD da_Woody

                      @pahan öhm, welchen hintergrund meinst du?

                      CrunkFXC Offline
                      CrunkFXC Offline
                      CrunkFX
                      Forum Testing
                      wrote on last edited by
                      #51

                      @da_woody Hi, ich nehme mal an dieselbe Problematik wie zuvor a9be3ac0-3eb8-40c1-9ac6-a5c2736380f7-image.png

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

                      da_WoodyD 1 Reply Last reply
                      0
                      • FeuersturmF Online
                        FeuersturmF Online
                        Feuersturm
                        wrote on last edited by
                        #52

                        Es gab ja zwei verschiedene Wege etwas transparent zu machen:
                        a) Ganze Dashboards unter der Verwendung vom Boom Plugin
                        b) Einzelne Panels durch Verwendung der mygrafana.css welche in der index.html angezogen wurde.

                        Ich habe bei mir Grafana 8.2 noch nicht im produktiven Einsatz und weiß daher noch nicht, was noch geht und was nicht mehr geht. So wie ich @stenmic und @RkcCorian verstehe geht Weg b) nicht mehr. Boom scheint aber noch zu funktionieren. Hab ich das richtig verstanden?

                        S 1 Reply Last reply
                        0
                        • FeuersturmF Online
                          FeuersturmF Online
                          Feuersturm
                          wrote on last edited by
                          #53

                          Das Plugin "Boom Theme" funktioniert auch weiterhin unter Grafana 8.2.1, so dass man hiermit ganze Dashboards transparent machen kann.

                          98eca59c-cd5b-43d0-9287-0a56e5dad66c-grafik.png

                          1 Reply Last reply
                          0
                          • FeuersturmF Feuersturm

                            Es gab ja zwei verschiedene Wege etwas transparent zu machen:
                            a) Ganze Dashboards unter der Verwendung vom Boom Plugin
                            b) Einzelne Panels durch Verwendung der mygrafana.css welche in der index.html angezogen wurde.

                            Ich habe bei mir Grafana 8.2 noch nicht im produktiven Einsatz und weiß daher noch nicht, was noch geht und was nicht mehr geht. So wie ich @stenmic und @RkcCorian verstehe geht Weg b) nicht mehr. Boom scheint aber noch zu funktionieren. Hab ich das richtig verstanden?

                            S Do not disturb
                            S Do not disturb
                            stenmic
                            wrote on last edited by stenmic
                            #54

                            @feuersturm Genau.
                            Diagramme (Panels), die über einen iframe eingebunden werden lassen sich nicht mehr über eine css anpassen. Der Aufbau der index.html hat sich komplett geändert.

                            FeuersturmF 1 Reply Last reply
                            0
                            • S stenmic

                              @feuersturm Genau.
                              Diagramme (Panels), die über einen iframe eingebunden werden lassen sich nicht mehr über eine css anpassen. Der Aufbau der index.html hat sich komplett geändert.

                              FeuersturmF Online
                              FeuersturmF Online
                              Feuersturm
                              wrote on last edited by
                              #55

                              @stenmic Dann wird es notwendig sein, dass Netz zu durchwühlen oder mal im Grafana Forum nachzufragen.

                              R 1 Reply Last reply
                              0
                              • FeuersturmF Feuersturm

                                @stenmic Dann wird es notwendig sein, dass Netz zu durchwühlen oder mal im Grafana Forum nachzufragen.

                                R Offline
                                R Offline
                                RkcCorian
                                wrote on last edited by
                                #56

                                @feuersturm Hatte schon das Netz durchforstet, da konnte ich auch nichts finden > Dann vermutlich eher Forum. Aktuell nutze ich das Boom Theme, bis es was Besseres gibt

                                1 Reply Last reply
                                0
                                • CrunkFXC CrunkFX

                                  @da_woody Hi, ich nehme mal an dieselbe Problematik wie zuvor a9be3ac0-3eb8-40c1-9ac6-a5c2736380f7-image.png

                                  da_WoodyD Offline
                                  da_WoodyD Offline
                                  da_Woody
                                  wrote on last edited by
                                  #57

                                  @crunkfx hmm, transparent background gibts ja...
                                  3978f978-6368-4901-a017-f3649b80e062-grafik.png
                                  cb20fa5e-8148-4b1b-9862-b1efa0fbf51c-grafik.png

                                  gruß vom Woody
                                  HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                  FeuersturmF 1 Reply Last reply
                                  0
                                  • da_WoodyD da_Woody

                                    @crunkfx hmm, transparent background gibts ja...
                                    3978f978-6368-4901-a017-f3649b80e062-grafik.png
                                    cb20fa5e-8148-4b1b-9862-b1efa0fbf51c-grafik.png

                                    FeuersturmF Online
                                    FeuersturmF Online
                                    Feuersturm
                                    wrote on last edited by
                                    #58

                                    @da_woody Hi, ist der untere Screenshot direkt aus Grafana oder aus deiner VIS?

                                    Wenn ich den vor dir genannten Schieberegler für "Transparent background" aktiviere, dann ist in Grafana das Panel auch transparent
                                    f5b04950-92b4-4b1e-9602-d43aff99c851-grafik.png

                                    366a8718-1b79-4ac4-a703-d0b74d4ffc56-grafik.png

                                    Wenn ich aber das Panel in VIS einbinde, dann hat diese aktivierte Eigenschaft keinen Einfluss auf den Hintergrund vom Panel.

                                    da_WoodyD 1 Reply Last reply
                                    0
                                    • FeuersturmF Feuersturm

                                      @da_woody Hi, ist der untere Screenshot direkt aus Grafana oder aus deiner VIS?

                                      Wenn ich den vor dir genannten Schieberegler für "Transparent background" aktiviere, dann ist in Grafana das Panel auch transparent
                                      f5b04950-92b4-4b1e-9602-d43aff99c851-grafik.png

                                      366a8718-1b79-4ac4-a703-d0b74d4ffc56-grafik.png

                                      Wenn ich aber das Panel in VIS einbinde, dann hat diese aktivierte Eigenschaft keinen Einfluss auf den Hintergrund vom Panel.

                                      da_WoodyD Offline
                                      da_WoodyD Offline
                                      da_Woody
                                      wrote on last edited by da_Woody
                                      #59

                                      @feuersturm der untere ist aus iQontrol.
                                      eingebunden als http://192.168.x.xxx:3000/d-solo/z8EAZn_Gk/heating?orgId=1&refresh=1m&theme=light&panelId=2
                                      also dem embed link, aber ohne das iframe und größe zeuch.
                                      außerdem noch 4628b61d-7e02-4b7a-866d-35b19e70c20e-grafik.png

                                      gruß vom Woody
                                      HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                      1 Reply Last reply
                                      0
                                      • FeuersturmF Online
                                        FeuersturmF Online
                                        Feuersturm
                                        wrote on last edited by
                                        #60

                                        @da_woody Hi, haben wir das gleiche Verständis, wie ein transparentes Panel aussehen soll?
                                        Nach meinem Verständnis hat ein transparentes Diagramm keinen Hintergrund und der eigentlich VIS Hintergrund ist sichtbar, wie es hier https://forum.iobroker.net/topic/29035/hintergrund-von-grafana-dashboard-in-vis-entfernen/53 dargestellt ist.

                                        Bei deinem Screenshot aus iQontrol ist im Diagramm ein weißer Hintergrund sichtbar.
                                        Das gleiche erreiche ich auch, wenn ich wie von dir vorgeschlagen den embeded link wie von dir genannt in einem iframe widget in VIS darstelle
                                        883c1e33-76c8-405d-a9f4-acbc07b210a2-grafik.png

                                        da_WoodyD 1 Reply Last reply
                                        0
                                        • FeuersturmF Feuersturm

                                          @da_woody Hi, haben wir das gleiche Verständis, wie ein transparentes Panel aussehen soll?
                                          Nach meinem Verständnis hat ein transparentes Diagramm keinen Hintergrund und der eigentlich VIS Hintergrund ist sichtbar, wie es hier https://forum.iobroker.net/topic/29035/hintergrund-von-grafana-dashboard-in-vis-entfernen/53 dargestellt ist.

                                          Bei deinem Screenshot aus iQontrol ist im Diagramm ein weißer Hintergrund sichtbar.
                                          Das gleiche erreiche ich auch, wenn ich wie von dir vorgeschlagen den embeded link wie von dir genannt in einem iframe widget in VIS darstelle
                                          883c1e33-76c8-405d-a9f4-acbc07b210a2-grafik.png

                                          da_WoodyD Offline
                                          da_WoodyD Offline
                                          da_Woody
                                          wrote on last edited by
                                          #61

                                          @feuersturm da hast du allerdings recht. allerdings wenn ich die seite öffne, erscheint erstmal die durchsichtige kachel und erst dann wird der hintergrund weis. ob man da was ändern kann...
                                          Animation.gif

                                          gruß vom Woody
                                          HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                          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

                                          645

                                          Online

                                          32.4k

                                          Users

                                          81.6k

                                          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