Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[DJMarc75]

Servus,
da ich ja nun seit gestern Grafana auf einem separaten Raspi am laufen habe, habe ich heute mal bissle rumexperimentiert.
Habe ein kleines Test-Dashboard auf Grafana erstellt und habe dies per iFrame in die VIS mit dem Zusatz "&kiosk" (danke an @crunchip ) integriert.
Nur sieht das "etwas" anders als in Grafana aus.

Grafana:

VIS:

Was könnte da falsch gelaufen sein ?

[crunchip]

@djmarc75 sagte in Grafana Dashboard in VIS per iFrame einbinden:

sieht das "etwas" anders als in Grafana aus

Du meinst die Größe?

wie sieht dein Link dazu aus?

[DJMarc75]

@crunchip
ja, Höhe und Breite. Habs per iFrame eingebunden.
Hab den Link aus Grafana kopiert.

http://192.168.178.21:3000/d/yqWIyrzRz/testdashboard?orgId=1&kiosk

&kiosk hab ich natürlich in der VIS zugefügt

[crunchip]

@djmarc75 worauf läuft die Vis, bzw wie groß ist dein iframe

[DJMarc75]

@crunchip Die VIS läuft auf meinem Raspi und das iFrame kann ich egal wie groß ziehen, sieht immer scheisse aus :joy:

EDIIIIIT: Kommando zurück.............

sieht aber trotzdem net gut aus, weil da rechts so viel grau ist. Und wenn ich es schmaler ziehe dann siehts wieder wie vorher aus - total verbogen wie im ersten Post.

Ich nutze Firefox

[crunchip]

@djmarc75 zieh doch mal die panel im Dashboard länger

[DJMarc75]

@crunchip nope, ändert sich nix.
In Grafania größer gezogen - dann den Link kopiert - in VIS eingefügt - Widget größer gezogen - Ergebnis:

quasi das Selbige

[DJMarc75]

@djmarc75 said in Grafana Dashboard in VIS per iFrame einbinden:

Grafania

Klingt fast wie ein Fantasyfilm :joy:

[Negalein]

@djmarc75 sagte in Grafana Dashboard in VIS per iFrame einbinden:

Klingt fast wie ein Fantasyfilm

nimm das basic - html Widget und füg den Link so ein.
<iframe src="http://10.0.1.203:3000/d-solo/Eck-K2i7z/new-dashboard-copy?orgId=1&panelId=13" width="983" height="244" frameborder="0"></iframe>

Dort kannst die Größe passend zur Widgetgröße angeben.

[DJMarc75]

@negalein said in Grafana Dashboard in VIS per iFrame einbinden:

<iframe src="http://10.0.1.203:3000/d-solo/Eck-K2i7z/new-dashboard-copy?orgId=1&panelId=13" width="983" height="244" frameborder="0"></iframe>

Ähm... bin ja net von gestern aber DAS verstehe ich nicht.... wo soll ich denn da was von meinem Grafan(i)a -Link anpassen ? ?

[Negalein]

@djmarc75 sagte in Grafana Dashboard in VIS per iFrame einbinden:

Ähm... bin ja net von gestern aber DAS verstehe ich nicht.... wo soll ich denn da was von meinem Grafan(i)a -Link anpassen ? ?

Wie holst du dir den Link?
So?

Halt, oder holst du dir das komplette Dashboard?
Dann passt mein Bild nicht.

Ich binde nur einzelne Panels ein.

[DJMarc75]

@negalein Nein, da ich ja das ganze Dashboard in Vis anzeigen möchte und nicht nur einzelne Panels.

[crunchip]

@negalein du zeigst ein einzelnes Panel, das gibt es bei einem ganzen Dashboard nicht

[crunchip]

@djmarc75 ich hab meins so eingestellt, allerdings in einer eigenen View, diese öffne ich dann mit einem view in widget auf der Startseite

[Negalein]

@crunchip sagte in Grafana Dashboard in VIS per iFrame einbinden:

du zeigst ein einzelnes Panel, das gibt es bei einem ganzen Dashboard nicht

i know. Hab editiert wärend ihr geantwortet habt. ;)

[DJMarc75]

Also ich weiß jetzt nicht ob ich, oder wir das Rad neu erfunden haben, aber ES FUNKTIONIERT !!!

Basic-HTML-Widget...
Dann in HTML folgendes eingetragen:

 <iframe src="http://192.168.178.21:3000/d/yqWIyrzRz/testdashboard?orgId=1&refresh=10s&kiosk" width="1500" height="1000" frameborder="0"></iframe>

Natürlich ab "http.... bis zum letzten nach &kiosk " anpassen.
Den Share hab ich aus Grafana vom Dashboard OHNE Lock Time Range.

Dann halt in VIS mal mit der Größe vom Widget gespielt und - passt !

Ich werde ein Drehbuch bzgl. GRAFANIA ! schreiben, weil das echt Spass macht :grin:

EDIT: und natürlich das "&kiosk" manuell eingefügt....

[Negalein]

@DJMarc75
du hast bei deinem Dashboard nur 2 Panels nebeneinander.
Und Rechts ist noch Platz für mehr Panels.

Fügst du das Dashboard in VIS ein, wird eben das komplette Dashboard angezeigt. Inkl. dem unbenutzten Platz.

Deshalb mach ich jedes Panel einzeln.

Edit: muss das von dir gleich probieren. :)

[DJMarc75]

@djmarc75 said in Grafana Dashboard in VIS per iFrame einbinden:

Also ich weiß jetzt nicht ob ich, oder wir das Rad neu erfunden haben, aber ES FUNKTIONIERT !!!

Basic-HTML-Widget...
Dann in HTML folgendes eingetragen:

 <iframe src="http://192.168.178.21:3000/d/yqWIyrzRz/testdashboard?orgId=1&refresh=10s&kiosk" width="1500" height="1000" frameborder="0"></iframe>

Natürlich ab "http.... bis zum letzten nach &kiosk " anpassen.
Den Share hab ich aus Grafana vom Dashboard OHNE Lock Time Range.

Dann halt in VIS mal mit der Größe vom Widget gespielt und - passt !

Ich werde ein Drehbuch bzgl. GRAFANIA ! schreiben, weil das echt Spass macht :grin:

EDIT: und natürlich das "&kiosk" manuell eingefügt....

[Frank579]

@djmarc75 Guten Morgen,
Genau so etwas wollte ich mir auch bauen, habe das aber jetzt auf 4 Dashbords verteilt da ich das nit den Unterschiedlichen zeitspannen nicht hinbekommen habe, Grafana hat nach dem neuladen immer die vom zuletzt geänderten Panel für alle Panels übernommen. Hast du einen Tip was ich falsch gemacht habe, dann würde ich es nochmal versuchen, so ist es etwas "lästig" :see_no_evil:
Vielen Dank

[DJMarc75]

@frank579
Hier die Einstellungen vom Panel was die letzten 12 Stunden anzeigen soll

Musst halt anpassen.