Skip to content
  • 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
  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.2k

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

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

Hintergrund von Grafana Dashboard in VIS entfernen

Geplant Angeheftet Gesperrt Verschoben Grafana
vis
148 Beiträge 33 Kommentatoren 32.7k Aufrufe 40 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.
  • NashraN Offline
    NashraN Offline
    Nashra
    Most Active Forum Testing
    schrieb am zuletzt editiert von Nashra
    #37

    @jkvarel @Segway
    So, habe es jetzt hinbekommen 😀
    Bin jetzt, anstatt über Boom Theme wo trotzdem die Schriftfarbe im iframe bei Vis in weiß kam,
    nach dieser Anweisung vorgegangen und habe in der css folgendes eingetragen

    @charset "UTF-8";
    
    .panel-container {
        background-color: #2D343c !important; 
        border: 0px solid #2D343c !important;
    }
    .dashboard-container{
        background-color: #2D343c !important; 
    }
    div.flot-text {
    	color: #787D83 !important;
    }
    

    Ergebnis, Textfarbe wird angepasst
    internet-ping.PNG
    ws.PNG

    Gruß Ralf
    Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

    jkvarelJ 1 Antwort Letzte Antwort
    0
    • NashraN Nashra

      @jkvarel @Segway
      So, habe es jetzt hinbekommen 😀
      Bin jetzt, anstatt über Boom Theme wo trotzdem die Schriftfarbe im iframe bei Vis in weiß kam,
      nach dieser Anweisung vorgegangen und habe in der css folgendes eingetragen

      @charset "UTF-8";
      
      .panel-container {
          background-color: #2D343c !important; 
          border: 0px solid #2D343c !important;
      }
      .dashboard-container{
          background-color: #2D343c !important; 
      }
      div.flot-text {
      	color: #787D83 !important;
      }
      

      Ergebnis, Textfarbe wird angepasst
      internet-ping.PNG
      ws.PNG

      jkvarelJ Offline
      jkvarelJ Offline
      jkvarel
      Developer
      schrieb am zuletzt editiert von jkvarel
      #38

      @Nashra im Boom Theme klappt das auch nicht, wenn du das im iframe hast, da das Panel in dem Moment nicht da ist. Hätte ich dir auch sagen können 😄
      Boom Theme wird nur im Dashboard geladen. Wenn du also das ganze Dashboard per iframe einbindest, dann sollten die Änderung drin sein.
      Die Lösung von Feuersturm kenne ich.

      1 Antwort Letzte Antwort
      1
      • NashraN Offline
        NashraN Offline
        Nashra
        Most Active Forum Testing
        schrieb am zuletzt editiert von
        #39

        Das war ja das was mir nicht in den Kopf wollte, in Grafana wurde es geändert
        und beim iframe dann nicht. Naja egal, jetzt funktioniert es 😊
        Danke für deine Hilfe @jkvarel 👍

        Gruß Ralf
        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

        Jens MeyerJ 1 Antwort Letzte Antwort
        1
        • NashraN Nashra

          Das war ja das was mir nicht in den Kopf wollte, in Grafana wurde es geändert
          und beim iframe dann nicht. Naja egal, jetzt funktioniert es 😊
          Danke für deine Hilfe @jkvarel 👍

          Jens MeyerJ Offline
          Jens MeyerJ Offline
          Jens Meyer
          schrieb am zuletzt editiert von
          #40

          Hallo,
          Mal ne Frage... wenn man dann ein Update von Grafana macht ist alles wieder hinfällig und man muss alles neu machen?

          JB_SullivanJ 1 Antwort Letzte Antwort
          0
          • Jens MeyerJ Jens Meyer

            Hallo,
            Mal ne Frage... wenn man dann ein Update von Grafana macht ist alles wieder hinfällig und man muss alles neu machen?

            JB_SullivanJ Offline
            JB_SullivanJ Offline
            JB_Sullivan
            schrieb am zuletzt editiert von JB_Sullivan
            #41

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

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

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

            Jens MeyerJ 1 Antwort Letzte Antwort
            0
            • 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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • JB_SullivanJ Offline
                  JB_SullivanJ Offline
                  JB_Sullivan
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #45

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

                    1 Antwort Letzte Antwort
                    0
                    • B Offline
                      B Offline
                      bloop
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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 Nicht stören
                        S Nicht stören
                        stenmic
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • P Offline
                            P Offline
                            Pahan
                            schrieb am zuletzt editiert von
                            #49

                            Hallo zusammen,

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

                            da_WoodyD 1 Antwort Letzte Antwort
                            0
                            • P Pahan

                              Hallo zusammen,

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

                              da_WoodyD Online
                              da_WoodyD Online
                              da_Woody
                              schrieb am zuletzt editiert von
                              #50

                              @pahan öhm, welchen hintergrund meinst du?

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

                              CrunkFXC 1 Antwort Letzte Antwort
                              0
                              • da_WoodyD da_Woody

                                @pahan öhm, welchen hintergrund meinst du?

                                CrunkFXC Offline
                                CrunkFXC Offline
                                CrunkFX
                                Forum Testing
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • FeuersturmF Online
                                  FeuersturmF Online
                                  Feuersturm
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • FeuersturmF Online
                                    FeuersturmF Online
                                    Feuersturm
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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 Nicht stören
                                      S Nicht stören
                                      stenmic
                                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #55

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

                                        R 1 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          413

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe