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
    734

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

                                609

                                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