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.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

Geplant Angeheftet Gesperrt Verschoben Grafana
vis
148 Beiträge 33 Kommentatoren 32.6k 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.
  • jkvarelJ jkvarel

    @Feuersturm @nousefor82
    etwas spät aber ja das geht
    So kannst du für das ganze Dashboard die Schriftart ändern:
    .dashboard-content{
    font-family: cursive;
    }

    S Nicht stören
    S Nicht stören
    stenmic
    schrieb am zuletzt editiert von stenmic
    #28

    @jkvarel
    zur Info,
    man kann auch google fonts einbinden.
    den „Link“ dazu muss man ebenfalls in der „ usr\share\grafana\public\views\index.html“ angeben.
    Das gilt auch für den .panel-container
    Die Schriftgröße geht über z.B. font-size: 24px;

    1 Antwort Letzte Antwort
    0
    • jkvarelJ jkvarel

      @Feuersturm @nousefor82
      etwas spät aber ja das geht
      So kannst du für das ganze Dashboard die Schriftart ändern:
      .dashboard-content{
      font-family: cursive;
      }

      NashraN Offline
      NashraN Offline
      Nashra
      Most Active Forum Testing
      schrieb am zuletzt editiert von
      #29

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

      @Feuersturm @nousefor82
      etwas spät aber ja das geht
      So kannst du für das ganze Dashboard die Schriftart ändern:
      .dashboard-content{
      font-family: cursive;
      }

      Cursive funktoniert ja, aber ich bekomme die Schriftfarbe einfach nicht geändert.
      Normale css-Anweisung nimmt er einfach nicht ☹

      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 sagte in Hintergrund von Grafana Dashboard in VIS entfernen:

        @Feuersturm @nousefor82
        etwas spät aber ja das geht
        So kannst du für das ganze Dashboard die Schriftart ändern:
        .dashboard-content{
        font-family: cursive;
        }

        Cursive funktoniert ja, aber ich bekomme die Schriftfarbe einfach nicht geändert.
        Normale css-Anweisung nimmt er einfach nicht ☹

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

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

        NashraN 1 Antwort Letzte Antwort
        0
        • jkvarelJ jkvarel

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

          NashraN Offline
          NashraN Offline
          Nashra
          Most Active Forum Testing
          schrieb am zuletzt editiert von
          #31

          @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.

          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 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
            schrieb am zuletzt editiert von
            #32

            @Nashra hattest du oben nicht nach Schriftart gefragt?

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

            NashraN 1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    0
                    • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          455

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          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