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 Diagramm

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

FLOT Diagramm

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visflot
17 Beiträge 4 Kommentatoren 1.5k Aufrufe 3 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.
  • Martin SchlenderM Offline
    Martin SchlenderM Offline
    Martin Schlender
    schrieb am zuletzt editiert von
    #1

    Hallo Zusammen,
    ich hab eine Frage zu Markierung bzw. Beschriftungen bei FLOT Diagrammen.
    Ist es möglich die Beschriftung einer Markierung zusätzlich mit dem aktuellen Wert eines Datenpunktes zu versehen. Konkret im unteren Diagramm hinter min max die aktuellen Werte bzw. auch den aktuellen Wert den das Gefrierfach hat.

    0cdf7b22-bd4c-4d5b-8d69-9dbbb3c9831b-image.png

    Wenn ich das Diagramm in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde (vor allem weil die sich ja dynamisch bewegt)
    Gruß
    Martin

    HomoranH liv-in-skyL sigi234S 3 Antworten Letzte Antwort
    0
    • Martin SchlenderM Martin Schlender

      Hallo Zusammen,
      ich hab eine Frage zu Markierung bzw. Beschriftungen bei FLOT Diagrammen.
      Ist es möglich die Beschriftung einer Markierung zusätzlich mit dem aktuellen Wert eines Datenpunktes zu versehen. Konkret im unteren Diagramm hinter min max die aktuellen Werte bzw. auch den aktuellen Wert den das Gefrierfach hat.

      0cdf7b22-bd4c-4d5b-8d69-9dbbb3c9831b-image.png

      Wenn ich das Diagramm in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde (vor allem weil die sich ja dynamisch bewegt)
      Gruß
      Martin

      HomoranH Offline
      HomoranH Offline
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      @Martin-Schlender
      sehr interessante Frage.
      Habe es gerade mal einfach so auf die Schnelle mit ein paar Möglichkeiten ausprobiert - ohne Erfolg.
      Da müsste man sich mal bei flot (https://www.flotcharts.org/) durch die Möglichkeiten wühlen.

      Aber ich fürchte das wird nicht gehen.
      Ich wollte auch mal ein Bild in den Hintergrund legen - vergeblich. Beim später stöbern auf der Website von flot habe ich dann herausgelesen, dass nur Farben oder Verläufe für den Background vorgesehen sind

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      1 Antwort Letzte Antwort
      0
      • Martin SchlenderM Martin Schlender

        Hallo Zusammen,
        ich hab eine Frage zu Markierung bzw. Beschriftungen bei FLOT Diagrammen.
        Ist es möglich die Beschriftung einer Markierung zusätzlich mit dem aktuellen Wert eines Datenpunktes zu versehen. Konkret im unteren Diagramm hinter min max die aktuellen Werte bzw. auch den aktuellen Wert den das Gefrierfach hat.

        0cdf7b22-bd4c-4d5b-8d69-9dbbb3c9831b-image.png

        Wenn ich das Diagramm in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde (vor allem weil die sich ja dynamisch bewegt)
        Gruß
        Martin

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #3

        @Martin-Schlender lege dir doch ein transparentes widget an/über die stelle und zeige dort den datenpunkt an -der hat ja den letzten wert

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        HomoranH 1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @Martin-Schlender lege dir doch ein transparentes widget an/über die stelle und zeige dort den datenpunkt an -der hat ja den letzten wert

          HomoranH Offline
          HomoranH Offline
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #4

          @liv-in-sky sagte in FLOT Diagramm:

          lege dir doch ein transparentes widget an/über die stelle und zeige dort den datenpunkt an -der hat ja den letzten wert

          Aber genau das will er ja nicht:

          @Martin-Schlender sagte in FLOT Diagramm:

          in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • HomoranH Homoran

            @liv-in-sky sagte in FLOT Diagramm:

            lege dir doch ein transparentes widget an/über die stelle und zeige dort den datenpunkt an -der hat ja den letzten wert

            Aber genau das will er ja nicht:

            @Martin-Schlender sagte in FLOT Diagramm:

            in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #5

            @Homoran - my fault- hätte erwähnen sollen, dass ich davon ausgehe, das es nicht geht und das flot diagramme immer in der vis angezeigt werden

            ich dachte, man könnte ein widget in abhängigkeit vom max/min wert (binding im top wert) mitwandern lassen

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            1 Antwort Letzte Antwort
            0
            • liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #6

              hier springt der wert mit - aber als widget darüber

              smart53.gif

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              1 Antwort Letzte Antwort
              0
              • Martin SchlenderM Offline
                Martin SchlenderM Offline
                Martin Schlender
                schrieb am zuletzt editiert von
                #7

                Hi Zusammen und danke für die Antworten.
                Ich hatte etwas Probleme mit dem Anmelden gestern. Deswegen die Antwort so spät.

                @liv-in-sky sagte in FLOT Diagramm:

                hier springt der wert mit - aber als widget darüber

                Darf ich fragen wie das gemacht ist? Erstreckt sich das Widget über die ganze Höhe und der Wert wandert entsprechend hoch und runter.
                Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt. Wobei die IMHO eigentlich immer an der selben Stelle bleiben. Da das Diagramm ja auch nach min max die Y Achse skaliert.
                Gruß
                Martin

                HomoranH liv-in-skyL 4 Antworten Letzte Antwort
                0
                • Martin SchlenderM Martin Schlender

                  Hi Zusammen und danke für die Antworten.
                  Ich hatte etwas Probleme mit dem Anmelden gestern. Deswegen die Antwort so spät.

                  @liv-in-sky sagte in FLOT Diagramm:

                  hier springt der wert mit - aber als widget darüber

                  Darf ich fragen wie das gemacht ist? Erstreckt sich das Widget über die ganze Höhe und der Wert wandert entsprechend hoch und runter.
                  Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt. Wobei die IMHO eigentlich immer an der selben Stelle bleiben. Da das Diagramm ja auch nach min max die Y Achse skaliert.
                  Gruß
                  Martin

                  HomoranH Offline
                  HomoranH Offline
                  Homoran
                  Global Moderator Administrators
                  schrieb am zuletzt editiert von Homoran
                  #8

                  @Martin-Schlender sagte in FLOT Diagramm:

                  Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt

                  Aber du gibst doch an nach welcher Skala sie sichbrichten sollen und auf welcher Höhe (Wert| sie sein sollen.

                  Wenn sie absolut fix sein sollen musst du die Autoskalierung der y Achse abschalten, indem du min und Max dafür eingibst

                  kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  1 Antwort Letzte Antwort
                  0
                  • Martin SchlenderM Martin Schlender

                    Hi Zusammen und danke für die Antworten.
                    Ich hatte etwas Probleme mit dem Anmelden gestern. Deswegen die Antwort so spät.

                    @liv-in-sky sagte in FLOT Diagramm:

                    hier springt der wert mit - aber als widget darüber

                    Darf ich fragen wie das gemacht ist? Erstreckt sich das Widget über die ganze Höhe und der Wert wandert entsprechend hoch und runter.
                    Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt. Wobei die IMHO eigentlich immer an der selben Stelle bleiben. Da das Diagramm ja auch nach min max die Y Achse skaliert.
                    Gruß
                    Martin

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #9

                    @Martin-Schlender

                    nein - ich habe für das widget mit der zahl ein variables "top"(höhe) binding genutzt - dazu habe ich einfach das widget an die oberste stelle und die unterste gesetzt und die differenz berechnet - das ganze dann noch mit den schritten im diagramm in beziehung (1.4) gebracht

                    Image 3.png

                    {value:javascript.0.GETPROCESS.CPUIdleALL; value=Math.floor(290-(value*1.4))}
                    

                    so springt das widget vertikal hin und her

                    leider kann man so ein binding nicht in die flot url einsetzen

                    @Homoran ich glaube, man kann dafür einen datenpunkt auswählen - so wird das flexibel - aber den wert des datenpunktes kann man nicht als text dazu angeben

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    1 Antwort Letzte Antwort
                    0
                    • Martin SchlenderM Martin Schlender

                      Hi Zusammen und danke für die Antworten.
                      Ich hatte etwas Probleme mit dem Anmelden gestern. Deswegen die Antwort so spät.

                      @liv-in-sky sagte in FLOT Diagramm:

                      hier springt der wert mit - aber als widget darüber

                      Darf ich fragen wie das gemacht ist? Erstreckt sich das Widget über die ganze Höhe und der Wert wandert entsprechend hoch und runter.
                      Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt. Wobei die IMHO eigentlich immer an der selben Stelle bleiben. Da das Diagramm ja auch nach min max die Y Achse skaliert.
                      Gruß
                      Martin

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von liv-in-sky
                      #10

                      @Martin-Schlender so kannst du auch einen text eingeben z.b. Max: {datenpunkt} (in ein html widget)

                      und das läßt du dann in abhängigkeit des datenpunktes "springen" - in flot gibst du keinen text für die max linie ein

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      1 Antwort Letzte Antwort
                      0
                      • Martin SchlenderM Martin Schlender

                        Hi Zusammen und danke für die Antworten.
                        Ich hatte etwas Probleme mit dem Anmelden gestern. Deswegen die Antwort so spät.

                        @liv-in-sky sagte in FLOT Diagramm:

                        hier springt der wert mit - aber als widget darüber

                        Darf ich fragen wie das gemacht ist? Erstreckt sich das Widget über die ganze Höhe und der Wert wandert entsprechend hoch und runter.
                        Bei den min max Linien die ich da habe ist die Position eigentlich nicht vorhersehbar, da das FLOT die ja selbst festlegt. Wobei die IMHO eigentlich immer an der selben Stelle bleiben. Da das Diagramm ja auch nach min max die Y Achse skaliert.
                        Gruß
                        Martin

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #11

                        @Martin-Schlender es gibt auch noch die material design widgets, da kann man anstatt flot auch diagramme machen lassen - aber auch dort habe ich das, was du möchtest, nicht gesehen - da müßte man mit scounger reden, ob sowas machbar ist - flot zu ändern wird wahrscheinlich nicht gehen

                        und andere nutzen grafana (da bin ich blank) - weiß nicht, ob da mehr geht

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        Martin SchlenderM 1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @Martin-Schlender es gibt auch noch die material design widgets, da kann man anstatt flot auch diagramme machen lassen - aber auch dort habe ich das, was du möchtest, nicht gesehen - da müßte man mit scounger reden, ob sowas machbar ist - flot zu ändern wird wahrscheinlich nicht gehen

                          und andere nutzen grafana (da bin ich blank) - weiß nicht, ob da mehr geht

                          Martin SchlenderM Offline
                          Martin SchlenderM Offline
                          Martin Schlender
                          schrieb am zuletzt editiert von
                          #12

                          @liv-in-sky
                          Vielen Dank für die ausführlichen Tipps. Ist alles nicht so tragisch. Ich dachte nur ich übersehe was.
                          Danke Dir und Euch
                          Gruß
                          Martin

                          1 Antwort Letzte Antwort
                          0
                          • Martin SchlenderM Martin Schlender

                            Hallo Zusammen,
                            ich hab eine Frage zu Markierung bzw. Beschriftungen bei FLOT Diagrammen.
                            Ist es möglich die Beschriftung einer Markierung zusätzlich mit dem aktuellen Wert eines Datenpunktes zu versehen. Konkret im unteren Diagramm hinter min max die aktuellen Werte bzw. auch den aktuellen Wert den das Gefrierfach hat.

                            0cdf7b22-bd4c-4d5b-8d69-9dbbb3c9831b-image.png

                            Wenn ich das Diagramm in VIS einbinde geht das natürlich, aber schöner wäre wenn es gleich bei der Markierung dabei stünde (vor allem weil die sich ja dynamisch bewegt)
                            Gruß
                            Martin

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von sigi234
                            #13

                            @Martin-Schlender
                            Alternative:
                            Sollte mit Material Design Widgets Line History Charts gehen? Oder verstehe ich da was nicht.

                            Screenshot (320).png

                            @Martin-Schlender sagte in FLOT Diagramm:

                            mit dem aktuellen Wert eines Datenpunktes zu versehen.

                            Mit Tooltip

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            Martin SchlenderM 3 Antworten Letzte Antwort
                            0
                            • sigi234S sigi234

                              @Martin-Schlender
                              Alternative:
                              Sollte mit Material Design Widgets Line History Charts gehen? Oder verstehe ich da was nicht.

                              Screenshot (320).png

                              @Martin-Schlender sagte in FLOT Diagramm:

                              mit dem aktuellen Wert eines Datenpunktes zu versehen.

                              Mit Tooltip

                              Martin SchlenderM Offline
                              Martin SchlenderM Offline
                              Martin Schlender
                              schrieb am zuletzt editiert von
                              #14

                              @sigi234 Stark - das sieht gut aus. Muß ich mir anschauen. Danke !!!

                              1 Antwort Letzte Antwort
                              0
                              • sigi234S sigi234

                                @Martin-Schlender
                                Alternative:
                                Sollte mit Material Design Widgets Line History Charts gehen? Oder verstehe ich da was nicht.

                                Screenshot (320).png

                                @Martin-Schlender sagte in FLOT Diagramm:

                                mit dem aktuellen Wert eines Datenpunktes zu versehen.

                                Mit Tooltip

                                Martin SchlenderM Offline
                                Martin SchlenderM Offline
                                Martin Schlender
                                schrieb am zuletzt editiert von
                                #15

                                @sigi234
                                Gibt es die Adapter noch? Ich finde sie nicht...

                                7e92c137-04d0-479b-bdc4-5ae107922285-image.png

                                Gruß Martin

                                sigi234S 1 Antwort Letzte Antwort
                                0
                                • Martin SchlenderM Martin Schlender

                                  @sigi234
                                  Gibt es die Adapter noch? Ich finde sie nicht...

                                  7e92c137-04d0-479b-bdc4-5ae107922285-image.png

                                  Gruß Martin

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von sigi234
                                  #16

                                  @Martin-Schlender sagte in FLOT Diagramm:

                                  Gibt es die Adapter noch? Ich finde sie nicht...

                                  Via aus eigener Url hinzufügen.

                                  https://github.com/Scrounger/ioBroker.vis-materialdesign.git

                                  Screenshot (336)_LI.jpg

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  1 Antwort Letzte Antwort
                                  0
                                  • sigi234S sigi234

                                    @Martin-Schlender
                                    Alternative:
                                    Sollte mit Material Design Widgets Line History Charts gehen? Oder verstehe ich da was nicht.

                                    Screenshot (320).png

                                    @Martin-Schlender sagte in FLOT Diagramm:

                                    mit dem aktuellen Wert eines Datenpunktes zu versehen.

                                    Mit Tooltip

                                    Martin SchlenderM Offline
                                    Martin SchlenderM Offline
                                    Martin Schlender
                                    schrieb am zuletzt editiert von
                                    #17

                                    @sigi234 sagte in FLOT Diagramm:

                                    @Martin-Schlender
                                    Alternative:
                                    Sollte mit Material Design Widgets Line History Charts gehen? Oder verstehe ich da was nicht.

                                    Hab´s mir jetzt mal angeschaut. Soweit ich jetzt sehen und finden kann gibt es dort keine Möglichkeit die min/max Linie überhaupt anzuzeigen. Es handelt sich ja hier nur um einen Wert der als Linie angezeigt werden soll.

                                    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

                                    465

                                    Online

                                    32.4k

                                    Benutzer

                                    81.5k

                                    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