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. Flot mit Popup

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.7k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Flot mit Popup

Geplant Angeheftet Gesperrt Verschoben Visualisierung
10 Beiträge 4 Kommentatoren 1.7k 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.
  • L Offline
    L Offline
    ludino
    schrieb am zuletzt editiert von
    #1

    Hallo ich suche eine Möglichkeit, ein Flot anzuzeigen.

    Bei einem klappt es auch schon. Am liebsten möchte ich aber, 2 Popup Fenster haben wo ich jeweils 1 wert anklicken kann und diese beiden werte überlagert im Diagramm angezeig wird.

    Ist sowas möglich, oder hat das jemand schonmal gemacht?

    Gruß

    1 Antwort Letzte Antwort
    0
    • L Offline
      L Offline
      ludino
      schrieb am zuletzt editiert von
      #2

      Besteht denn die möglichkeit ein Diagramm auf der gleichen seite uber ein popup anzuzeigen?

      Also irgendwo drauf drücken ein Namen auswählen und dieser wird dann unten angezeigt auf der gleichen seite.

      gruss

      1 Antwort Letzte Antwort
      0
      • D Offline
        D Offline
        dtp
        schrieb am zuletzt editiert von
        #3

        @ludino:

        Am liebsten möchte ich aber, 2 Popup Fenster haben wo ich jeweils 1 wert anklicken kann und diese beiden werte überlagert im Diagramm angezeig wird. `

        So ganz verstanden habe ich deinen Wunsch ehrlich gesagt nicht.

        Ich lasse mir z.B. in einem View mehrere Temperaturwerte für die unterschiedlichen Räume unseres Hauses anzeigen. Klicke ich nun auf einen dieser Werte geht ein Dialog-Fenster mit dem entsprechenden Flot-Diagramm auf. In diesem Diagramm werden zum Teil auch die anderen Temperaturwerte angezeigt.

        Beispiel: Ich habe die Temperaturwerte aller Schlafzimmer in einem Flot-Diagramm zusammengefasst. Klicke ich nun im Heizungs-View auf den Temperaturwert eines Schlafzimmers geht ein Flot-Dialog-Fenster auf, in dem die Temperaturwerte aller Schlafzimmer übersichtlich dargestellt sind. Jeder Schlafzimmer-Temperaturwert ist in gleicher Weise mit diesem Dialog-Fenster verknüpft.

        Meintest du sowas in der Art?

        ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

        1 Antwort Letzte Antwort
        0
        • L Offline
          L Offline
          ludino
          schrieb am zuletzt editiert von
          #4

          Hmm,

          ich versuch mal anders zu erklären.

          ich habe folgende seite,

          4298_seite.png

          ich möchte wo das graue qadraht ein Button (Popup/Dialog) das dann ein View im roten feld erzeugt!
          4298_seite1.png

          also ich habe mehere views mit diagrammen, diese ich per auswahl auf der seite anzeigen möchte!

          Vielen dank für deine Zeit

          1 Antwort Letzte Antwort
          0
          • D Offline
            D Offline
            dtp
            schrieb am zuletzt editiert von
            #5

            Das geht mit einem zusätzlichen View, den du per Dialog-Widget einblendest. Zeige ich dir heute Abend. Im Moment bin ich gerade im Büro.

            Wahrscheinlich gibt's aber auch noch andere Lösungen.

            Gruß,

            Thorsten

            ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

            1 Antwort Letzte Antwort
            0
            • L Offline
              L Offline
              ludino
              schrieb am zuletzt editiert von
              #6

              Oh super danke dir schonmal

              1 Antwort Letzte Antwort
              0
              • D Offline
                D Offline
                dtp
                schrieb am zuletzt editiert von
                #7

                Sorry, gestern wurde es dann doch etwas spät. Also hier dann mal meine Vorgehensweise.

                Erzeuge zunächst einen neuen View, in dem du deine Flot-Grafik mit einem "basic - iFrame"-Widget einbindest.

                996_vis_html_container_01.png
                Nun fügst du auf dem View, in dem dieser View per Buttonklick erscheinen soll, ein "jgui - container - HTML - view in jqui Dialog"-Widget hinzu.

                996_vis_html_container_02.png
                In diesem Widget verlinkst du unter Viewname auf den View deiner einzubindenden Flot-Grafik. Unter "Dialog" kannst du dann noch einen Dialog-Titel sowie die Dialogfenstergröße und -position vorgeben. Unter "CSS…" setzt du die Einstellungen für die Erscheinung des "jgui - container..."-Widgets. So kannst du seinen Hintergrund z.B. auf transparent setzen, wenn du unter das Widget noch einen Button mit einem "basic - Image"-Widget legen möchtest.

                Das war's auch schon.

                Viel Spaß,

                Thorsten

                ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

                A 1 Antwort Letzte Antwort
                0
                • D dtp

                  Sorry, gestern wurde es dann doch etwas spät. Also hier dann mal meine Vorgehensweise.

                  Erzeuge zunächst einen neuen View, in dem du deine Flot-Grafik mit einem "basic - iFrame"-Widget einbindest.

                  996_vis_html_container_01.png
                  Nun fügst du auf dem View, in dem dieser View per Buttonklick erscheinen soll, ein "jgui - container - HTML - view in jqui Dialog"-Widget hinzu.

                  996_vis_html_container_02.png
                  In diesem Widget verlinkst du unter Viewname auf den View deiner einzubindenden Flot-Grafik. Unter "Dialog" kannst du dann noch einen Dialog-Titel sowie die Dialogfenstergröße und -position vorgeben. Unter "CSS…" setzt du die Einstellungen für die Erscheinung des "jgui - container..."-Widgets. So kannst du seinen Hintergrund z.B. auf transparent setzen, wenn du unter das Widget noch einen Button mit einem "basic - Image"-Widget legen möchtest.

                  Das war's auch schon.

                  Viel Spaß,

                  Thorsten

                  A Offline
                  A Offline
                  ahfreezer
                  schrieb am zuletzt editiert von
                  #8

                  @dtp sagte in Flot mit Popup:
                  Unter "CSS…" setzt du die Einstellungen für die Erscheinung des "jgui - container..."-Widgets. So kannst du seinen Hintergrund z.B. auf transparent setzen, wenn du unter das Widget noch einen Button mit einem "basic - Image"-Widget legen möchtest.

                  Sorry wenn ich das alte Thema nochmal hoch hole. Kannst du mir sagen, wie ich das unter den CSS Einstellung erfasse?
                  Ich habe bei mir in einer View eine Skala für die aktuelle Temperatur. Dort habe ich das Widget drüber gezogen für das PopUp Fenster. Das Widget soll aber transparent sein.

                  VG und Danke
                  André

                  1 Antwort Letzte Antwort
                  0
                  • B Offline
                    B Offline
                    backons
                    schrieb am zuletzt editiert von
                    #9

                    @dtp würde mich auch interessieren wie ein transparenter Hintergrund funktionieren würde bzw. was und wo im css geändert werden müsste....
                    VIELEN DANK

                    1 Antwort Letzte Antwort
                    0
                    • D Offline
                      D Offline
                      dtp
                      schrieb am zuletzt editiert von
                      #10

                      Bei den CSS-Einstellungen des Widgets gibt es ein Feld "background". Dort tragt ihr einfach "transparent" ein. That's it.

                      ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

                      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

                      659

                      Online

                      32.7k

                      Benutzer

                      82.4k

                      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