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
    729

  • 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

    Z Offline
    Z Offline
    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 Offline
      HomoranH Offline
      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 Offline
          HomoranH Offline
          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 Offline
              Z Offline
              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 Offline
                HomoranH Offline
                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 Offline
                  Z Offline
                  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 Offline
                      Z Offline
                      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 Offline
                          Z Offline
                          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

                              328

                              Online

                              32.8k

                              Benutzer

                              82.6k

                              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