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

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

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

Hintergrund von Grafana Dashboard in VIS entfernen

Scheduled Pinned Locked Moved Grafana
vis
148 Posts 33 Posters 32.5k 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.
  • NashraN Nashra

    @jkvarel sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

    @Nashra cursive ist in dem Fall der Name der Schriftart. Das klappt auch mit Arial usw.

    Hey @jkvarel, das funktioniert ja auch, aber mir geht es um die Schriftfarbe und die bekomme ich einfach nicht geändert.

    jkvarelJ Offline
    jkvarelJ Offline
    jkvarel
    Developer
    wrote on last edited by
    #32

    @Nashra hattest du oben nicht nach Schriftart gefragt?

    Farbe müsste eigentlich in der gleichen Klasse mit "color: ..." funktionieren

    NashraN 1 Reply Last reply
    0
    • jkvarelJ jkvarel

      @Nashra hattest du oben nicht nach Schriftart gefragt?

      Farbe müsste eigentlich in der gleichen Klasse mit "color: ..." funktionieren

      NashraN Offline
      NashraN Offline
      Nashra
      Most Active Forum Testing
      wrote on last edited by
      #33

      @jkvarel sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

      @Nashra hattest du oben nicht nach Schriftart gefragt?

      Farbe müsste eigentlich in der gleichen Klasse mit "color: ..." funktionieren

      Hallo @jkvarel , nein war Schriftfarbe 😊
      Das ist ja das Problem zb. color: #db1424; nimmt er einfach nicht an.

      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 Reply Last reply
      0
      • NashraN Nashra

        @jkvarel sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

        @Nashra hattest du oben nicht nach Schriftart gefragt?

        Farbe müsste eigentlich in der gleichen Klasse mit "color: ..." funktionieren

        Hallo @jkvarel , nein war Schriftfarbe 😊
        Das ist ja das Problem zb. color: #db1424; nimmt er einfach nicht an.

        jkvarelJ Offline
        jkvarelJ Offline
        jkvarel
        Developer
        wrote on last edited by
        #34

        @Nashra said in Hintergrund von Grafana Dashboard in VIS entfernen:

        #db1424

        habs mal versucht und es funktioniert. der Text ist rot

        .dashboard-content{
        font-family: cursive;
        color: #db1424;
        }

        7d78cdd4-dd9e-4344-a10d-368105c2de37-image.png

        NashraN 1 Reply Last reply
        0
        • jkvarelJ jkvarel

          @Nashra said in Hintergrund von Grafana Dashboard in VIS entfernen:

          #db1424

          habs mal versucht und es funktioniert. der Text ist rot

          .dashboard-content{
          font-family: cursive;
          color: #db1424;
          }

          7d78cdd4-dd9e-4344-a10d-368105c2de37-image.png

          NashraN Offline
          NashraN Offline
          Nashra
          Most Active Forum Testing
          wrote on last edited by
          #35

          @jkvarel sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

          @Nashra said in Hintergrund von Grafana Dashboard in VIS entfernen:

          #db1424

          habs mal versucht und es funktioniert. der Text ist rot

          .dashboard-content{
          font-family: cursive;
          color: #db1424;
          }

          7d78cdd4-dd9e-4344-a10d-368105c2de37-image.png

          Hi @jkvarel,
          ich meinte diese Schriftfarbe (rot markiert)
          graf-schriftfarbe.JPG
          da habe ich schon fast alles abgesucht, aber egal was ich geändert habe, es wird
          nicht angenommen.

          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.

          SegwayS 1 Reply Last reply
          0
          • NashraN Nashra

            @jkvarel sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

            @Nashra said in Hintergrund von Grafana Dashboard in VIS entfernen:

            #db1424

            habs mal versucht und es funktioniert. der Text ist rot

            .dashboard-content{
            font-family: cursive;
            color: #db1424;
            }

            7d78cdd4-dd9e-4344-a10d-368105c2de37-image.png

            Hi @jkvarel,
            ich meinte diese Schriftfarbe (rot markiert)
            graf-schriftfarbe.JPG
            da habe ich schon fast alles abgesucht, aber egal was ich geändert habe, es wird
            nicht angenommen.

            SegwayS Offline
            SegwayS Offline
            Segway
            wrote on last edited by Segway
            #36

            @Nashra
            Ich hatte meine ich mal was auf Github dazu gelesen und es gibt wohl auch ein Feature request dazu.
            Es soll ein Workaround geben in dem man eine Textbox hinterlegt und als HTML konfiguriert und dann zB sowas eingibt:

            .left-yaxis-label {
                left: 24px;
            }
            

            Nur ne Idee, weiss nicht ob das geht

            Gruß Dirk
            Intel Proxmox Cluster (3x NUC) mit Debian & Proxmox / IoB als VM unter Debian / 60+ Adapter installiert

            1 Reply Last reply
            0
            • NashraN Offline
              NashraN Offline
              Nashra
              Most Active Forum Testing
              wrote on last edited by 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 Reply Last reply
              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
                wrote on last edited by 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 Reply Last reply
                1
                • NashraN Offline
                  NashraN Offline
                  Nashra
                  Most Active Forum Testing
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      wrote on last edited by 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 Reply Last reply
                      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
                        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 Online
                                B Online
                                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 Online
                                        da_WoodyD Online
                                        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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          444

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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