Skip to content
  • Home
  • 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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Grafana Dashboard in VIS per iFrame einbinden

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    945

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    690

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

Grafana Dashboard in VIS per iFrame einbinden

Geplant Angeheftet Gesperrt Verschoben Visualisierung
22 Beiträge 4 Kommentatoren 2.4k Aufrufe 4 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.
  • DJMarc75D 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

    crunchipC Abwesend
    crunchipC Abwesend
    crunchip
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #4

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

    umgestiegen von Proxmox auf Unraid

    DJMarc75D 1 Antwort Letzte Antwort
    0
    • crunchipC crunchip

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

      DJMarc75D Offline
      DJMarc75D Offline
      DJMarc75
      schrieb am zuletzt editiert von DJMarc75
      #5

      @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.............
      Screenshot 2022-04-30 171727.png

      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

      Lehrling seit 1975 !!!
      Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
      https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

      crunchipC 1 Antwort Letzte Antwort
      0
      • DJMarc75D 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.............
        Screenshot 2022-04-30 171727.png

        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

        crunchipC Abwesend
        crunchipC Abwesend
        crunchip
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #6

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

        umgestiegen von Proxmox auf Unraid

        DJMarc75D 1 Antwort Letzte Antwort
        0
        • crunchipC crunchip

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

          DJMarc75D Offline
          DJMarc75D Offline
          DJMarc75
          schrieb am zuletzt editiert von
          #7

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

          quasi das Selbige

          Lehrling seit 1975 !!!
          Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
          https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

          DJMarc75D 1 Antwort Letzte Antwort
          0
          • DJMarc75D DJMarc75

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

            quasi das Selbige

            DJMarc75D Offline
            DJMarc75D Offline
            DJMarc75
            schrieb am zuletzt editiert von
            #8

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

            Grafania

            Klingt fast wie ein Fantasyfilm :joy:

            Lehrling seit 1975 !!!
            Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
            https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

            NegaleinN 1 Antwort Letzte Antwort
            0
            • DJMarc75D DJMarc75

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

              Grafania

              Klingt fast wie ein Fantasyfilm :joy:

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von
              #9

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

              ° Node.js Update ---> iob nodejs-update
              ° Fixer ---> iob fix

              DJMarc75D 1 Antwort Letzte Antwort
              0
              • NegaleinN 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.

                DJMarc75D Offline
                DJMarc75D Offline
                DJMarc75
                schrieb am zuletzt editiert von
                #10

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

                Lehrling seit 1975 !!!
                Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                NegaleinN 1 Antwort Letzte Antwort
                0
                • DJMarc75D 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 ? ?

                  NegaleinN Offline
                  NegaleinN Offline
                  Negalein
                  Global Moderator
                  schrieb am zuletzt editiert von Negalein
                  #11

                  @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?
                  f80cc3e7-1584-4785-b521-c0ef862635cf-image.png

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

                  Ich binde nur einzelne Panels ein.

                  ° Node.js Update ---> iob nodejs-update
                  ° Fixer ---> iob fix

                  DJMarc75D crunchipC 2 Antworten Letzte Antwort
                  0
                  • NegaleinN 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?
                    f80cc3e7-1584-4785-b521-c0ef862635cf-image.png

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

                    Ich binde nur einzelne Panels ein.

                    DJMarc75D Offline
                    DJMarc75D Offline
                    DJMarc75
                    schrieb am zuletzt editiert von
                    #12

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

                    Lehrling seit 1975 !!!
                    Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                    https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                    crunchipC 1 Antwort Letzte Antwort
                    0
                    • NegaleinN 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?
                      f80cc3e7-1584-4785-b521-c0ef862635cf-image.png

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

                      Ich binde nur einzelne Panels ein.

                      crunchipC Abwesend
                      crunchipC Abwesend
                      crunchip
                      Forum Testing Most Active
                      schrieb am zuletzt editiert von
                      #13

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

                      umgestiegen von Proxmox auf Unraid

                      NegaleinN 1 Antwort Letzte Antwort
                      0
                      • DJMarc75D DJMarc75

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

                        crunchipC Abwesend
                        crunchipC Abwesend
                        crunchip
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von crunchip
                        #14

                        @djmarc75 ich hab meins so eingestellt, allerdings in einer eigenen View, diese öffne ich dann mit einem view in widget auf der Startseite
                        77edf46c-b7bf-4e33-a2d6-cce54134804a-image.png

                        umgestiegen von Proxmox auf Unraid

                        1 Antwort Letzte Antwort
                        0
                        • crunchipC crunchip

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

                          NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          schrieb am zuletzt editiert von
                          #15

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

                          ° Node.js Update ---> iob nodejs-update
                          ° Fixer ---> iob fix

                          1 Antwort Letzte Antwort
                          0
                          • DJMarc75D Offline
                            DJMarc75D Offline
                            DJMarc75
                            schrieb am zuletzt editiert von DJMarc75
                            #16

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

                            Screenshot 2022-04-30 185902.png

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

                            Lehrling seit 1975 !!!
                            Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                            https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                            DJMarc75D F 2 Antworten Letzte Antwort
                            0
                            • NegaleinN Offline
                              NegaleinN Offline
                              Negalein
                              Global Moderator
                              schrieb am zuletzt editiert von Negalein
                              #17

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

                              ° Node.js Update ---> iob nodejs-update
                              ° Fixer ---> iob fix

                              1 Antwort Letzte Antwort
                              1
                              • DJMarc75D DJMarc75

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

                                Screenshot 2022-04-30 185902.png

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

                                DJMarc75D Offline
                                DJMarc75D Offline
                                DJMarc75
                                schrieb am zuletzt editiert von
                                #18

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

                                Screenshot 2022-04-30 185902.png

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

                                Lehrling seit 1975 !!!
                                Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                                https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                                1 Antwort Letzte Antwort
                                0
                                • DJMarc75D DJMarc75

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

                                  Screenshot 2022-04-30 185902.png

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

                                  F Offline
                                  F Offline
                                  Frank579
                                  schrieb am zuletzt editiert von
                                  #19

                                  @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

                                  DJMarc75D 1 Antwort Letzte Antwort
                                  0
                                  • F 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

                                    DJMarc75D Offline
                                    DJMarc75D Offline
                                    DJMarc75
                                    schrieb am zuletzt editiert von DJMarc75
                                    #20

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

                                    Screenshot 2022-05-01 105612.png

                                    Screenshot 2022-05-01 105914.png

                                    Musst halt anpassen.

                                    Lehrling seit 1975 !!!
                                    Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                                    https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                                    F 1 Antwort Letzte Antwort
                                    1
                                    • DJMarc75D DJMarc75

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

                                      Screenshot 2022-05-01 105612.png

                                      Screenshot 2022-05-01 105914.png

                                      Musst halt anpassen.

                                      F Offline
                                      F Offline
                                      Frank579
                                      schrieb am zuletzt editiert von
                                      #21

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

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

                                      Screenshot 2022-05-01 105612.png
                                      Musst halt anpassen.

                                      Super Danke, werde ich gleich mal ausprobieren, manchmal ist es so einfach :see_no_evil:

                                      Das 2 Bild habe ich nicht, nutze Influx2 ...

                                      crunchipC 1 Antwort Letzte Antwort
                                      0
                                      • F Frank579

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

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

                                        Screenshot 2022-05-01 105612.png
                                        Musst halt anpassen.

                                        Super Danke, werde ich gleich mal ausprobieren, manchmal ist es so einfach :see_no_evil:

                                        Das 2 Bild habe ich nicht, nutze Influx2 ...

                                        crunchipC Abwesend
                                        crunchipC Abwesend
                                        crunchip
                                        Forum Testing Most Active
                                        schrieb am zuletzt editiert von
                                        #22

                                        @frank579 so wie gezeigt, kann man unabhängige Zeitfenster zwischen Gesamt Dashboard und Panel anzeigen
                                        be6ad894-01f5-4528-8ec6-2d17b0e91202-image.png

                                        umgestiegen von Proxmox auf Unraid

                                        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

                                        743

                                        Online

                                        32.6k

                                        Benutzer

                                        82.0k

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