Hintergrund von Grafana Dashboard in VIS entfernen

saeft_2003

Cool danke das muss ich ausprobieren!

saeft_2003

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

@saeft_2003 Ich habe Grafana 10 am laufen und es funktioniert.
Musste nach dem Upgrade allerdings die index.html erneut anpassen.

weiterhin zu finden unter:
/usr/share/grafana/public/views/index.html
<link rel="stylesheet" href="http://IPvonIobroker/vis.0/mygrafana4.css" type="text/css">

Geht bei mir nicht mit meiner css.

Postest du bitte mal die Datei mygrafana4.css

bloop

@saeft_2003
Besteht lediglich aus:

@charset "UTF-8";
 
 :root {
	color-scheme: none !important;
}
.panel-container {
    background-color: transparent !important; 

}

index.html:

<!doctype html><html lang="en"><head>[[ if and .CSPEnabled .IsDevelopmentEnv ]]<meta http-equiv="Content-Security-Policy" content="[[.CSPContent]]"/>[[ end ]]<meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width"/><meta name="theme-color" content="#000"/><title>[[.AppTitle]]</title><base href="[[.AppSubUrl]]/"/><link rel="icon" type="image/png" href="[[.FavIcon]]"/><link rel="apple-touch-icon" sizes="180x180" href="[[.AppleTouchIcon]]"/><link rel="mask-icon" href="[[.ContentDeliveryURL]]public/img/grafana_mask_icon.svg" color="#F05A28"/>[[ if eq .ThemeType "light" ]]<link rel="stylesheet" href="[[.ContentDeliveryURL]]public/build/grafana.light.469af479381f2d6cb442.css"/>[[ else if eq .ThemeType "dark" ]]<link rel="stylesheet" href="[[.ContentDeliveryURL]]public/build/grafana.dark.886efb710af4d17a895d.css"/>[[ end ]]<script nonce="[[.Nonce]]">performance.mark('frontend_boot_css_time_seconds');</script><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><meta name="msapplication-TileColor" content="#2b5797"/><meta name="msapplication-config" content="public/img/browserconfig.xml"/>

<link rel="stylesheet" href="http://IPAdresse/vis.0/mygrafana4.css" type="text/css">

</head>

<body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]"><style>

body.dashboard-solo { background: none !important; }

.preloader__enter {
        opacity: 0;
        animation-name: preloader-fade-in;
        animation-iteration-count: 1;
        animation-duration: 0.9s;
        animation-delay: 1.35s;
        animation-fill-mode: forwards;
      }

      .preloader__bounce {
        text-align: center;
        animation-name: preloader-bounce;
        animation-duration: 0.9s;
        animation-iteration-count: infinite;
      }

usw.

saeft_2003

@bloop

bei mir will es nicht funktionieren. Wenn ich die index datei von dir übernehme zerhaut es mir die ganzen charts... Wenn ich den head abschnitt von meiner grafana 8 index datei nehme startet grafna 10 nicht mehr.

So hab ich es jetzt aber der Hintergrund beibt der originale,

Index:

<!DOCTYPE html>
<html lang="[[.User.Language]]">
  <head>
    [[ if and .CSPEnabled .IsDevelopmentEnv ]]
    <!-- Cypress overwrites CSP headers in HTTP requests, so this is required for e2e tests-->
    <meta  http-equiv="Content-Security-Policy" content="[[.CSPContent]]"/>
    [[ end ]]
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width" />
    <meta name="theme-color" content="#000" />

    <title>[[.AppTitle]]</title>

    <base href="[[.AppSubUrl]]/" />

    <link rel="icon" type="image/png" href="[[.FavIcon]]" />
    <link rel="apple-touch-icon" sizes="180x180" href="[[.AppleTouchIcon]]" />
    <link rel="mask-icon" href="[[.ContentDeliveryURL]]public/img/grafana_mask_icon.svg" color="#F05A28" />

    <!-- If theme is "system", we inject the stylesheets with javascript further down the page -->
    [[ if eq .ThemeType "light" ]]
    <link rel="stylesheet" href="[[.ContentDeliveryURL]][[.Assets.CSSLight]]" />
    [[ else if eq .ThemeType "dark" ]]
    <link rel="stylesheet" href="[[.ContentDeliveryURL]][[.Assets.CSSDark]]" />
    [[ end ]]

    <script nonce="[[.Nonce]]">
      performance.mark('frontend_boot_css_time_seconds');
    </script>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="msapplication-TileColor" content="#2b5797" />
    <meta name="msapplication-config" content="public/img/browserconfig.xml" />
    <link rel="stylesheet" href="http://192.168.178.90:8082/vis.0/mygrafana2.css" type="text/css">
  </head>

CSS:

@charset "UTF-8";

 

 :root {

	color-scheme: none !important;

}

.panel-container {

    background-color: transparent !important; 

 

}

Hast du noch eine Idee was ich probieren kann?

bloop

@saeft_2003
Hast du mal versucht

body.dashboard-solo { background: none !important; }

unter Style einzufügen?

<body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]"><style>
 
body.dashboard-solo { background: none !important; }
 
.preloader__enter {
        opacity: 0;

Ebenfalls würde ich die mygrafana.css komplett löschen. Vis neu starten anschließend neu hochladen und Grafana neu starten.

saeft_2003

@bloop

Danke probiere ich heute Abend mal aus.

saeft_2003

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

body.dashboard-solo { background: none !important; }

Ich habs jetzt so gemacht und grafana neu gestartet (hab ich immer gemacht) und geht auch nicht...


  <body class="theme-[[ .ThemeType ]] [[.AppNameBodyClass]]">
    <style>
body.dashboard-solo { background: none !important; }
      .preloader {
        height: 100%;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
      }

bloop

@saeft_2003
Welche Grafana Version läuft bei dir?
Ich habe die 10.1.5 am laufen.

Anderer Ansatz:
Ich habe für jedes in der VIS eingebettete Diagramm ein eigenes Dashboard erstellt (um die Größe richtig anpassen zu können) und die Visualization via Embed als iframe eingebettet. Hier würden sich auch unterschiedliche Themes auswählen lassen.
Hast du hier eventuell nicht das Default Theme ausgewählt? bzw. was ist in den Grundeinstellungen als Default definiert? In der config unter users / default_theme zu finden. - Bei mir dark

saeft_2003

@bloop

Ich hab 10.2.3 installiert. Als theme war dark gewählt das habe ich auf default gestellt. Später probiere ich es nochmal ob sich was geändert hat.

Meine charts sind auch über iframe in der VIS

Kail

@saeft_2003
Hallo,
habt ihr eine funktionierende Lösung für die Version 10.2.3 gefunden?
Nach einem Systemupdate geht es bei mir auch nicht mehr.
Grüße Kail

saeft_2003

@kail

Nein hab leider keine Lösung gefunden. Von welcher Version hast du das Update gemacht, also mit welcher ging es bei dir noch?

Kail

@saeft_2003
Der Vorgänger hatte höchstens eine 9 vorne in der Versionsnummer. Die genaue, kann ich Dir erst am Wochenende nennen.

saeft_2003

@kail

Sag bitte Bescheid falls du eine Lösung findest…

Kail

@saeft_2003
Bescheid
Habe mal analysiert und romprobiert. Folge Einträge entfernen bei mir den Hintergrund
in der 10.2.3. In meiner Vis stelle ich im iframe nur einzelne Diagramme dar und keine kompletten Dashboards.

    :root {
       color-scheme: none;
      }

      [class*="panel-container"] {
         background: transparent !important;
      }

      body.dashboard-solo {
         background: none !important;
      }

Grüße Kail

saeft_2003

@kail

Ich bekomms nicht hin. Kannst du bitte mal deine index.html posten wo auf die grafana.css verwiesen wird.

Kail

@saeft_2003
Meine Einträge sind direkt in der index.html.
index.html

Bildschirmfoto 2024-01-18 um 14.15.43.png

saeft_2003

@kail

Alles klar danke ich probiere es nachher aus.

saeft_2003

@kail

Perfekt jetzt geht es!!! Großes danke schön :+1:

Ich hab erst nicht verstanden das du das direkt in der index Datei eingibst, aber jetzt läuft das. Jetzt kann ich endlich von der grafana 8 VM auf den grafana 10 LXC umsteigen :sunglasses:

Kail

@saeft_2003
Das freut mich. In dem Stand, den ich hochgeladen habe, ist auch der äußere Rand deaktiviert. Wenn Du den haben möchtest, musst Du die Zeile mit border löschen.
Grüße Kail

RkcCorian

@kail Moin! Ich habe großes Interesse an Deiner index.html. Allerdings startet bei mir der Container mit Grafana v10.3.1 nicht mehr, wenn ich die index.html mit Deiner austausche.
Bei jedem Verbindungsversuch über den Browser bekommen ich jeweils einmal die folgende Fehlermeldung...

INFO [01-31|20:38:57] Shutdown started                         logger=server reason="System signal: terminated"

INFO [01-31|20:38:57] Closing tracing                          logger=tracing

INFO [01-31|20:38:57] stopped                                  logger=ticker last_tick=2024-01-31T20:38:50Z

INFO [01-31|20:39:13] Starting Grafana                         logger=settings version=10.3.1 commit=00a22ff8b28550d593ec369ba3da1b25780f0a4a branch=HEAD compiled=2024-01-22T18:40:42Z

INFO [01-31|20:39:13] Config loaded from                       logger=settings file=/usr/share/grafana/conf/defaults.ini

INFO [01-31|20:39:13] Config loaded from                       logger=settings file=/etc/grafana/grafana.ini

INFO [01-31|20:39:13] Config overridden from command line      logger=settings arg="default.paths.data=/var/lib/grafana"

INFO [01-31|20:39:13] Config overridden from command line      logger=settings arg="default.paths.logs=/var/log/grafana"

INFO [01-31|20:39:13] Config overridden from command line      logger=settings arg="default.paths.plugins=/var/lib/grafana/plugins"

INFO [01-31|20:39:13] Config overridden from command line      logger=settings arg="default.paths.provisioning=/etc/grafana/provisioning"

INFO [01-31|20:39:13] Config overridden from command line      logger=settings arg="default.log.mode=console"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_DATA=/var/lib/grafana"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_LOGS=/var/log/grafana"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_PLUGINS=/var/lib/grafana/plugins"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_PATHS_PROVISIONING=/etc/grafana/provisioning"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_SERVER_PROTOCOL=http"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_SECURITY_ALLOW_EMBEDDING=true"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_AUTH_ANONYMOUS_ENABLED=true"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_FULL_DATE=DD.MM.YY HH:mm:ss"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_HOUR=DD.MM HH:mm"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_DAY=DD.MM"

INFO [01-31|20:39:13] Config overridden from Environment variable logger=settings var="GF_DATE_FORMATS_INTERVAL_MONTH=MM.YY"

INFO [01-31|20:39:13] Target                                   logger=settings target=[all]

INFO [01-31|20:39:13] Path Home                                logger=settings path=/usr/share/grafana

INFO [01-31|20:39:13] Path Data                                logger=settings path=/var/lib/grafana

INFO [01-31|20:39:13] Path Logs                                logger=settings path=/var/log/grafana

INFO [01-31|20:39:13] Path Plugins                             logger=settings path=/var/lib/grafana/plugins

INFO [01-31|20:39:13] Path Provisioning                        logger=settings path=/etc/grafana/provisioning

INFO [01-31|20:39:13] App mode production                      logger=settings

INFO [01-31|20:39:13] Connecting to DB                         logger=sqlstore dbtype=sqlite3

WARN [01-31|20:39:13] SQLite database file has broader permissions than it should logger=sqlstore path=/var/lib/grafana/grafana.db mode=-rwxrwxr-x expected=-rw-r-----

INFO [01-31|20:39:13] Starting DB migrations                   logger=migrator

INFO [01-31|20:39:13] migrations completed                     logger=migrator performed=0 skipped=526 duration=2.883611ms

INFO [01-31|20:39:13] Envelope encryption state                logger=secrets enabled=true current provider=secretKey.v1

INFO [01-31|20:39:13] Loading plugins...                       logger=plugin.store

WARN [01-31|20:39:13] Skipping finding plugins as directory does not exist logger=local.finder path=/usr/share/grafana/plugins-bundled

INFO [01-31|20:39:13] Plugins loaded                           logger=plugin.store count=55 duration=43.891667ms

INFO [01-31|20:39:13] Query Service initialization             logger=query_data

INFO [01-31|20:39:13] Live Push Gateway initialization         logger=live.push_http

INFO [01-31|20:39:14] Starting                                 logger=ngalert.migration

INFO [01-31|20:39:14] Migration already complete               logger=ngalert.migration CurrentType=UnifiedAlerting DesiredType=UnifiedAlerting CleanOnDowngrade=false CleanOnUpgrade=false

WARN [01-31|20:39:14] Unexpected number of rows updating alert configuration history logger=ngalert rows=0 org=1 hash=not-yet-calculated

INFO [01-31|20:39:14] registering usage stat providers         logger=infra.usagestats.collector usageStatsProvidersLen=2

INFO [01-31|20:39:14] starting to provision alerting           logger=provisioning.alerting

INFO [01-31|20:39:14] finished to provision alerting           logger=provisioning.alerting

INFO [01-31|20:39:14] Warming state cache for startup          logger=ngalert.state.manager

INFO [01-31|20:39:14] HTTP Server Listen                       logger=http.server address=[::]:3000 protocol=http subUrl= socket=

INFO [01-31|20:39:14] Storage starting                         logger=grafanaStorageLogger

INFO [01-31|20:39:14] Starting MultiOrg Alertmanager           logger=ngalert.multiorg.alertmanager

INFO [01-31|20:39:14] Authentication is disabled               logger=grafana-apiserver

INFO [01-31|20:39:14] Adding GroupVersion playlist.grafana.app v0alpha1 to ResourceManager logger=grafana-apiserver

INFO [01-31|20:39:15] Update check succeeded                   logger=grafana.update.checker duration=159.940755ms

INFO [01-31|20:39:15] Update check succeeded                   logger=plugins.update.checker duration=245.34633ms

INFO [01-31|20:39:16] State cache has been initialized         logger=ngalert.state.manager states=0 duration=1.244056524s

INFO [01-31|20:39:16] Starting scheduler                       logger=ngalert.scheduler tickInterval=10s

INFO [01-31|20:39:16] starting                                 logger=ticker first_tick=2024-01-31T20:39:20Z

ERROR[01-31|20:39:29] Request error                            logger=context userId=0 orgId=1 uname= error="Context.HTML - Error rendering template: index. You may need to build frontend assets \n template: index:19:34: executing \"index\" at <.ContentDeliveryURL>: can't evaluate field ContentDeliveryURL in type *dtos.IndexViewData" stack="github.com/grafana/grafana/pkg/web/context.go:112 (0x61c0106)\ngithub.com/grafana/grafana/pkg/api/index.go:231 (0x88ae1cb)\ngithub.com/grafana/grafana/pkg/api/response/web_hack.go:40 (0x61ce5ef)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:131 (0x61c106e)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/services/contexthandler/contexthandler.go:144 (0x88d01c9)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/render.go:44 (0x61c1bfd)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/macaron.go:137 (0x61c1112)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/csrf/csrf.go:66 (0x7ef039a)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/recovery.go:180 (0x88aa63d)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/loggermw/logger.go:72 (0x7ef13b6)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/request_metrics.go:83 (0x67b9975)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/request_tracing.go:88 (0x88ab315)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/middleware/requestmeta/request_metadata.go:66 (0x88cf275)\nnet/http/server.go:2136 (0x5407728)\ngithub.com/grafana/grafana/pkg/web/context.go:52 (0x61bfb56)\ngithub.com/grafana/grafana/pkg/web/router.go:155 (0x61c32cd)\ngithub.com/grafana/grafana/pkg/web/router.go:211 (0x61c3e34)\ngithub.com/grafana/grafana/pkg/web/macaron.go:163 (0x61c153c)\nnet/http/server.go:2938 (0x540a40d)\nnet/http/server.go:2009 (0x54062f3)\nruntime/asm_amd64.s:1650 (0x50cdfc0)\n"

INFO [01-31|20:40:30] Usage stats are ready to report          logger=infra.usagestats

Hast Du eine Idee was das Problem sein könnte? Vielen Dank im Voraus!!!

Community Forum

NEWS

Hintergrund von Grafana Dashboard in VIS entfernen

Support us

517

32.4k

81.4k

1.3m