Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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 Diagramme ausrichten

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    733

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

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

FLOT Diagramme ausrichten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visflot
17 Beiträge 5 Kommentatoren 1.2k Aufrufe 4 Beobachtet
  • Ä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.
  • JB_SullivanJ JB_Sullivan

    Hallo zusammen,
    kann mir jemand sagen, wie ich ein FLOT Diagramm im Anzeigefenster (basic-iframe) Mittig ausgerichtet bekomme? Mein Problem ist, das dieses sich immer Linksbündig ausrichtet und dadurch der rechte Rand sehr viel leeren Raum anzeigt.

    Schiebe ich das Gesamtfenster im VIS Editor zusammen, entsteht automatisch ein unterer Scrollbalken, den man gar nicht haben will.

    Ha jemand eine Idee, wie ich das mittig bekomme ?

    2020-01-11 12_09_33-Edit vis.png

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

    @JB_Sullivan hast du die gleichen Werte in Flot, wie im Editor?
    68439a41-2a66-41f9-8e91-83538cfc0e1a-image.png c06f8e03-a23d-4835-8025-a2f4d20381d1-image.png

    umgestiegen von Proxmox auf Unraid

    1 Antwort Letzte Antwort
    0
    • JB_SullivanJ Offline
      JB_SullivanJ Offline
      JB_Sullivan
      schrieb am zuletzt editiert von JB_Sullivan
      #3

      Die Daten für das FLOT Diagramm selbst, sind sogar noch kleiner als das basic Fenster im Editor. Trotzdem muss ich das Fenster im Editor immer groß aufziehen, damit ich keinen Scrollbalken bekommen.

      Beilspiel FLOT Diagramm EInstellung: 1180 x 550
      Editor basic-iframe Fenster: 1282 x 600

      Eigentlich müsste das Diagramm da 1A reinpassen. Mache ich im Editor aber 1280x600, bekomme ich sofort einen unteren Scrollbalken. Bei 1282x600 ist der Scrollbalken dann zwar weg, aber auf der rechten Seite ist "leerer" Raum wo nichts angezeigt wird (siehe Bild oben).

      ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

      1 Antwort Letzte Antwort
      0
      • JB_SullivanJ JB_Sullivan

        Hallo zusammen,
        kann mir jemand sagen, wie ich ein FLOT Diagramm im Anzeigefenster (basic-iframe) Mittig ausgerichtet bekomme? Mein Problem ist, das dieses sich immer Linksbündig ausrichtet und dadurch der rechte Rand sehr viel leeren Raum anzeigt.

        Schiebe ich das Gesamtfenster im VIS Editor zusammen, entsteht automatisch ein unterer Scrollbalken, den man gar nicht haben will.

        Ha jemand eine Idee, wie ich das mittig bekomme ?

        2020-01-11 12_09_33-Edit vis.png

        Z Abwesend
        Z Abwesend
        zahnheinrich
        schrieb am zuletzt editiert von
        #4

        @JB_Sullivan
        Lösche die Breitenangebe im Flot.
        Im Widget trage für linke Position ein z.b. 10px und für die Breite calc(100% - 20px). Beachte die spaces zwischen % - 20!

        MfG Ulrich

        1 Antwort Letzte Antwort
        0
        • HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #5

          Rechts ist noch freier Platz für die Legende

          kein Support per PN! - Fragen im Forum stellen -
          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          1 Antwort Letzte Antwort
          0
          • JB_SullivanJ Offline
            JB_SullivanJ Offline
            JB_Sullivan
            schrieb am zuletzt editiert von JB_Sullivan
            #6

            @zahnheinrich sagte in FLOT Diagramme ausrichten:

            calc(100% - 20px)

            Danke für den Hinweis - funktioniert leider nicht. Der Scrollblaken bleibt.

            2020-01-11 20_01_38-.png
            @Homoran

            Die Legende habe ich doch schon oben Links in das Diagramm gelegt. Wird dann rechts trotzdem Platz für eine mögliche
            Legende reserviert?

            ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

            HomoranH Z 2 Antworten Letzte Antwort
            0
            • JB_SullivanJ JB_Sullivan

              @zahnheinrich sagte in FLOT Diagramme ausrichten:

              calc(100% - 20px)

              Danke für den Hinweis - funktioniert leider nicht. Der Scrollblaken bleibt.

              2020-01-11 20_01_38-.png
              @Homoran

              Die Legende habe ich doch schon oben Links in das Diagramm gelegt. Wird dann rechts trotzdem Platz für eine mögliche
              Legende reserviert?

              HomoranH Nicht stören
              HomoranH Nicht stören
              Homoran
              Global Moderator Administrators
              schrieb am zuletzt editiert von
              #7

              @JB_Sullivan
              Sorry nicht Legende - ich meinte die Y-Achsenbeschriftung

              kein Support per PN! - Fragen im Forum stellen -
              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              1 Antwort Letzte Antwort
              0
              • JB_SullivanJ Offline
                JB_SullivanJ Offline
                JB_Sullivan
                schrieb am zuletzt editiert von
                #8

                Y-Achsen Beschriftung steht auf NICHTS - auch dann wird dieser Platz reserviert?

                ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                1 Antwort Letzte Antwort
                0
                • JB_SullivanJ JB_Sullivan

                  @zahnheinrich sagte in FLOT Diagramme ausrichten:

                  calc(100% - 20px)

                  Danke für den Hinweis - funktioniert leider nicht. Der Scrollblaken bleibt.

                  2020-01-11 20_01_38-.png
                  @Homoran

                  Die Legende habe ich doch schon oben Links in das Diagramm gelegt. Wird dann rechts trotzdem Platz für eine mögliche
                  Legende reserviert?

                  Z Abwesend
                  Z Abwesend
                  zahnheinrich
                  schrieb am zuletzt editiert von zahnheinrich
                  #9

                  @JB_Sullivan
                  Sieht bei mir so aus:

                  Screenshot (140).png

                  Screenshot (141).png

                  Screenshot (142).png

                  MfG Ulrich

                  HomoranH 1 Antwort Letzte Antwort
                  0
                  • Z zahnheinrich

                    @JB_Sullivan
                    Sieht bei mir so aus:

                    Screenshot (140).png

                    Screenshot (141).png

                    Screenshot (142).png

                    HomoranH Nicht stören
                    HomoranH Nicht stören
                    Homoran
                    Global Moderator Administrators
                    schrieb am zuletzt editiert von Homoran
                    #10

                    @zahnheinrich sagte in FLOT Diagramme ausrichten:

                    @JB_Sullivan
                    Sieht bei mir so aus:

                    Du hast ja auch "kein Rahmen" angewählt.
                    Das könnte helfen, weil sonst

                    @JB_Sullivan sagte in FLOT Diagramme ausrichten:

                    Y-Achsen Beschriftung steht auf NICHTS - auch dann wird dieser Platz reserviert?

                    kein Support per PN! - Fragen im Forum stellen -
                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                    Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                    Z 1 Antwort Letzte Antwort
                    0
                    • HomoranH Homoran

                      @zahnheinrich sagte in FLOT Diagramme ausrichten:

                      @JB_Sullivan
                      Sieht bei mir so aus:

                      Du hast ja auch "kein Rahmen" angewählt.
                      Das könnte helfen, weil sonst

                      @JB_Sullivan sagte in FLOT Diagramme ausrichten:

                      Y-Achsen Beschriftung steht auf NICHTS - auch dann wird dieser Platz reserviert?

                      Z Abwesend
                      Z Abwesend
                      zahnheinrich
                      schrieb am zuletzt editiert von
                      #11

                      @Homoran
                      jupp,
                      könnte helfen! 🕶

                      MfG Ulrich

                      1 Antwort Letzte Antwort
                      0
                      • JB_SullivanJ Offline
                        JB_SullivanJ Offline
                        JB_Sullivan
                        schrieb am zuletzt editiert von JB_Sullivan
                        #12

                        Ich habe ebenfalls in allen meinen Digrammen " keinen Rahmen - JA" ausgewählt.

                        Das ist nicht die Ursache.

                        2020-01-11 20_08_23-Flot Edit.png

                        @ zahnheinrich - nimm mal deine IP Adresse aus dem FLOT Datensatz. Spart dir viel Arbeit wenn deine Hardware mal IP Adressen mäßig umziehen sollte.

                        ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                        Z 1 Antwort Letzte Antwort
                        0
                        • JB_SullivanJ JB_Sullivan

                          Ich habe ebenfalls in allen meinen Digrammen " keinen Rahmen - JA" ausgewählt.

                          Das ist nicht die Ursache.

                          2020-01-11 20_08_23-Flot Edit.png

                          @ zahnheinrich - nimm mal deine IP Adresse aus dem FLOT Datensatz. Spart dir viel Arbeit wenn deine Hardware mal IP Adressen mäßig umziehen sollte.

                          Z Abwesend
                          Z Abwesend
                          zahnheinrich
                          schrieb am zuletzt editiert von
                          #13

                          @JB_Sullivan
                          und was zeigt die Anzeige, wenn du ganz nach rechts scrollst?

                          MfG Ulrich

                          1 Antwort Letzte Antwort
                          0
                          • JB_SullivanJ Offline
                            JB_SullivanJ Offline
                            JB_Sullivan
                            schrieb am zuletzt editiert von
                            #14

                            Offensichtlich gibt es einen BUG zwischen px und % Anzeige.

                            Diagrammgröße lt. FLOT: 1180 x 550

                            Anzeige in 100 % = OK

                            2020-01-11 20_31_23-.png

                            Anzeige in 1180 x 550 px = Scrollbalken

                            2020-01-11 20_28_59-.png

                            ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                            Z 1 Antwort Letzte Antwort
                            0
                            • JB_SullivanJ JB_Sullivan

                              Offensichtlich gibt es einen BUG zwischen px und % Anzeige.

                              Diagrammgröße lt. FLOT: 1180 x 550

                              Anzeige in 100 % = OK

                              2020-01-11 20_31_23-.png

                              Anzeige in 1180 x 550 px = Scrollbalken

                              2020-01-11 20_28_59-.png

                              Z Abwesend
                              Z Abwesend
                              zahnheinrich
                              schrieb am zuletzt editiert von
                              #15

                              @JB_Sullivan
                              Das ist eher kein bug, sondern hängt damit zusammen, daß ein Pixel im FLOT nicht unbedingt einem Darstellungspixel im VIS entspricht.
                              Die Darstellung in % tut eigentlich immer, was sie soll, auch bei der selben View auf unterschiedlichen Anzeigegeräten.

                              MfG Ulrich

                              M 1 Antwort Letzte Antwort
                              0
                              • Z zahnheinrich

                                @JB_Sullivan
                                Das ist eher kein bug, sondern hängt damit zusammen, daß ein Pixel im FLOT nicht unbedingt einem Darstellungspixel im VIS entspricht.
                                Die Darstellung in % tut eigentlich immer, was sie soll, auch bei der selben View auf unterschiedlichen Anzeigegeräten.

                                M Offline
                                M Offline
                                marwell
                                schrieb am zuletzt editiert von
                                #16

                                Ich bin gerade mit einem ähnlichen Problem hierher gekommen. Die automatische Größe (ohne Angabe in Erscheinung) in Flot sollte das ja eigentlich können, die ganzen Chart ohne Scrollbalken anzuzeigen, egal wie groß das iFrame ist.

                                Ich habe gerade einen Chart neu angelegt und wollte danach suchen, wann das Problem auftritt und habe gemerkt, dass der Scrollbalken auftaucht, wenn ich eine Markierung erstelle die einen angegebenen Text rechts hat. Es sieht zumindest so aus, dass auch bei @JB_Sullivan Markierungen mit Text vorhanden sind (Balken mit "Guten Morgen" etc.). Nehme ich bei mir die Markierung oder den Text wieder raus, ist der Scrollbalken auch wieder weg. Verschiebe ich den Text auf die linke Seite ist der Scrollbalken auch weg. Als würde der Text rechts zumindest virtuell die Breite des Grafik überschreiten.

                                Ob ihr das auch mal ausprobieren könntet? Wenn das bei euch genauso ist, dann ist das wohl ein Bug.

                                JB_SullivanJ 1 Antwort Letzte Antwort
                                0
                                • M marwell

                                  Ich bin gerade mit einem ähnlichen Problem hierher gekommen. Die automatische Größe (ohne Angabe in Erscheinung) in Flot sollte das ja eigentlich können, die ganzen Chart ohne Scrollbalken anzuzeigen, egal wie groß das iFrame ist.

                                  Ich habe gerade einen Chart neu angelegt und wollte danach suchen, wann das Problem auftritt und habe gemerkt, dass der Scrollbalken auftaucht, wenn ich eine Markierung erstelle die einen angegebenen Text rechts hat. Es sieht zumindest so aus, dass auch bei @JB_Sullivan Markierungen mit Text vorhanden sind (Balken mit "Guten Morgen" etc.). Nehme ich bei mir die Markierung oder den Text wieder raus, ist der Scrollbalken auch wieder weg. Verschiebe ich den Text auf die linke Seite ist der Scrollbalken auch weg. Als würde der Text rechts zumindest virtuell die Breite des Grafik überschreiten.

                                  Ob ihr das auch mal ausprobieren könntet? Wenn das bei euch genauso ist, dann ist das wohl ein Bug.

                                  JB_SullivanJ Offline
                                  JB_SullivanJ Offline
                                  JB_Sullivan
                                  schrieb am zuletzt editiert von
                                  #17

                                  @marwell

                                  Ich habe FLOT mittlerweile komplett aus ioB entfernt. Ich bin auf InfluxDB und Grafana gewechselt. Ist zwar am Anfang etwas fummelig und manche Sachen gehen nicht sofort wie man es von FLOT gewohnt war, weil noch andere PlugIns installiert werden müssen.

                                  Wenn man sich aber erst einmal eingearbeitet hat, bietet Grafana einfach die bessern Trends - meine Meinung.

                                  @Bluefox hat da irgend etwas in der Pipeline was wohl über kurz oder lang FLOT ersetzen soll, aber von der Funktionalität an FLOT angelehnt ist. Leider weiß ich nicht mehr genau wie dieser neue Adapter heißt. Er ist auch schon im latest wenn ich das recht in Erinnerung habe.

                                  EDIT: Ich habs - der Adapter heißt E-Charts

                                  ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                                  1 Antwort Letzte Antwort
                                  0

                                  Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                  Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                  Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                  Registrieren Anmelden
                                  Antworten
                                  • In einem neuen Thema antworten
                                  Anmelden zum Antworten
                                  • Älteste zuerst
                                  • Neuste zuerst
                                  • Meiste Stimmen


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  630

                                  Online

                                  32.8k

                                  Benutzer

                                  82.7k

                                  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