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. ioBroker Allgemein
  4. FLOT Diagramme verschenkter Raum

NEWS

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    13
    1
    724

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    2.0k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    11
    1
    918

FLOT Diagramme verschenkter Raum

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
flotrahmengrößescrollbalken
12 Beiträge 4 Kommentatoren 497 Aufrufe 2 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.
  • HomoranH Homoran

    @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

    Das eigentliche Diagramm könnte größer im Rahmen sein.

    Der Rest ist für die Achsenbeschriftung

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

    @Homoran sagte in FLOT Diagramme verschenkter Raum:

    @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

    Das eigentliche Diagramm könnte größer im Rahmen sein.

    Der Rest ist für die Achsenbeschriftung

    Wenn ich die Achse aber gar nicht beschrifte, so wie am oberen Bild, warum wird dann soviel Platz gelassen?

    ich glaube mitlerweile erkannt zu haben, das dieses Phänomen auftaucht, sobald man EINMAL die Rechte Achsenbeschriftung aktiviert hat. Deaktiviert man die Rechte Achsenbeschriftung wieder, wird zwar nichts mehr angezeigt, aber der Platz wird dann immer noch Freigehalten.

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

    1 Antwort Letzte Antwort
    0
    • JB_SullivanJ JB_Sullivan

      Ich habe mal einen Frage zu FLOT Diagrammen. Ich habe es in mehreren Diagrammen,
      das im Bereich der Y-Achse, Raum zum (virtuellen) Rahmen verschenkt wird.

      Soll heißen, das eigentliche Diagramm ist viel kleiner als es der Platz zulassen würde. Mache ich das Diagramm so groß wie es im VIS optimal wäre, bekomme ich einen X-Achsen Scrollbalken eingeblendet, den ich aber gar nicht haben will.

      Denn wenn ich scrolle ziehe ich das Diagramm z.B. nach rechts - um dann leeren ungenutzen Raum ohne jegliche Achsenbeschriftung zu sehen.

      Bei manchen Diagrammen ist das nicht so. Da wird die eigentliche Diagrammfläche voll in den (virtuellen) Rahmen eingebunden OHNE Scrollbalken.

      Ich habe bislang nicht heraus bekommen, in welchem Zusammenhang die Editierung der Diargrammfläche mit dem Scrollbalken steht - und nein, wenn ich den Diagrammcode in das VIEW übernehme, ist "scrollen" nicht angeharkt.

      Hier mal eine Beispiel was ich meine. Das eigentliche Diagramm könnte größer im Rahmen sein. Vergrößere ich aber das Diagramm, kommt unten sofort der Scrollbalken.
      Das Diagramm hat in FLOT eine Größe von 1100x550 Pixel. Das Widget im VIEW (basic-iframe) ist mit einer Größe von 1260x600Pxel definiert. Also müsste das Diagramm locker OHNE Scrollbalken da rein passen.

      Sobald ich aber die größe in FLOT auf 1200x550 Pixel erhöhe ist der Scrollbalken wieder da. Für mein Verständnis sind dann aber im basic-iframe noch 60px Platz - warum also der Scrollbalken?

      Weiß hier jemand die Lösung?

      2020-07-19 08_45_24-.png

      2020-07-19 08_57_13-.png

      S Offline
      S Offline
      saeft_2003
      Most Active
      schrieb am zuletzt editiert von
      #4

      @JB_Sullivan

      ich habe keine Lösung für dein Problem, aber hast du dir schon mal grafana angeschaut nutzte ich selber und finde es in jeder Hinsicht besser als flot.

      JB_SullivanJ 1 Antwort Letzte Antwort
      0
      • S saeft_2003

        @JB_Sullivan

        ich habe keine Lösung für dein Problem, aber hast du dir schon mal grafana angeschaut nutzte ich selber und finde es in jeder Hinsicht besser als flot.

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

        @saeft_2003
        Grafana ist mir zu kompliziert und wäre noch wieder eine weitere Software mit der ich rummachen müsste. Außerdem habe ich dutzende Diagramme, die in FLOT ja funktionieren und mir das zeigen was ich will - nur es sieht halt nicht optisch schön aus.

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

        S 1 Antwort Letzte Antwort
        0
        • JB_SullivanJ JB_Sullivan

          @saeft_2003
          Grafana ist mir zu kompliziert und wäre noch wieder eine weitere Software mit der ich rummachen müsste. Außerdem habe ich dutzende Diagramme, die in FLOT ja funktionieren und mir das zeigen was ich will - nur es sieht halt nicht optisch schön aus.

          S Offline
          S Offline
          saeft_2003
          Most Active
          schrieb am zuletzt editiert von
          #6

          @JB_Sullivan

          Da muss ich dir widersprechen. Wenn du grafana am laufen hast, ist das keine große Sache mehr. Ich hatte am Anfang auch Bedenken und habe mich sehr schnell zurecht gefunden...

          HomoranH 1 Antwort Letzte Antwort
          0
          • S saeft_2003

            @JB_Sullivan

            Da muss ich dir widersprechen. Wenn du grafana am laufen hast, ist das keine große Sache mehr. Ich hatte am Anfang auch Bedenken und habe mich sehr schnell zurecht gefunden...

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

            @JB_Sullivan
            dann zieh doch den Rahmen so groß, dass der Chart passt und stell den Rahmen auf transparent

            Screenshot_20200720-144632_Chrome.jpg

            Analog zum unteren, bei dem noch links eine Achse ist

            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 -

            JB_SullivanJ 1 Antwort Letzte Antwort
            0
            • HomoranH Homoran

              @JB_Sullivan
              dann zieh doch den Rahmen so groß, dass der Chart passt und stell den Rahmen auf transparent

              Screenshot_20200720-144632_Chrome.jpg

              Analog zum unteren, bei dem noch links eine Achse ist

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

              @Homoran

              Ist das mit Flot gemacht? Wie hast du das mit den Hintergrundbildern hin bekommen? Das finde ich ne super Idee.

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

              HomoranH 1 Antwort Letzte Antwort
              0
              • JB_SullivanJ JB_Sullivan

                @Homoran

                Ist das mit Flot gemacht? Wie hast du das mit den Hintergrundbildern hin bekommen? Das finde ich ne super Idee.

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

                @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                Ist das mit Flot gemacht?

                Ja!

                @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                Wie hast du das mit den Hintergrundbildern hin bekommen?

                Gar nicht 😢
                Ich habe alles mögliche mit dem Background feld versucht, ohne Erfolg. Dann habe ich einfach ein Bild dahintergelegt.

                Wenn Einer herausbekommt was man unter "Hintergrund" eingeben muss, damit das Bild da hinkommt, wäre ich sehr dankbar an der Lösung interessiert.
                Im Moment passt das Bild nicht an allen Endgeräten gleich gut in die Flot Rahmen.

                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 -

                JB_SullivanJ 1 Antwort Letzte Antwort
                0
                • HomoranH Homoran

                  @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                  Ist das mit Flot gemacht?

                  Ja!

                  @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                  Wie hast du das mit den Hintergrundbildern hin bekommen?

                  Gar nicht 😢
                  Ich habe alles mögliche mit dem Background feld versucht, ohne Erfolg. Dann habe ich einfach ein Bild dahintergelegt.

                  Wenn Einer herausbekommt was man unter "Hintergrund" eingeben muss, damit das Bild da hinkommt, wäre ich sehr dankbar an der Lösung interessiert.
                  Im Moment passt das Bild nicht an allen Endgeräten gleich gut in die Flot Rahmen.

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

                  @Homoran sagte in FLOT Diagramme verschenkter Raum:

                  Ich habe alles mögliche mit dem Background feld versucht, ohne Erfolg. Dann habe ich einfach ein Bild dahintergelegt.

                  Hast du dann in FLOT das Diagramm Fled auf Transparent gestellt? Gibt es für Transparent einen Farbcode?

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

                  HomoranH 1 Antwort Letzte Antwort
                  0
                  • JB_SullivanJ JB_Sullivan

                    @Homoran sagte in FLOT Diagramme verschenkter Raum:

                    Ich habe alles mögliche mit dem Background feld versucht, ohne Erfolg. Dann habe ich einfach ein Bild dahintergelegt.

                    Hast du dann in FLOT das Diagramm Fled auf Transparent gestellt? Gibt es für Transparent einen Farbcode?

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

                    @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                    Gibt es für Transparent einen Farbcode?

                    Ja
                    transparent

                    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 -

                    haselchenH 1 Antwort Letzte Antwort
                    0
                    • HomoranH Homoran

                      @JB_Sullivan sagte in FLOT Diagramme verschenkter Raum:

                      Gibt es für Transparent einen Farbcode?

                      Ja
                      transparent

                      haselchenH Offline
                      haselchenH Offline
                      haselchen
                      Most Active
                      schrieb am zuletzt editiert von haselchen
                      #12

                      @homoran

                      Ich muss das Thema hochholen, weil ich sonst noch durchdrehe.
                      Ich möchte einfach nur den Hintergrund transparent bekommen. dass man nur das Gitter hat.
                      Alles habe ich schon angehakt oder eingegeben. rgba und # Werte.
                      Keine Chance. Der Hintergrund bleibt weiss.

                      1bb296cf-197b-4b2f-b4a5-8bc8c923188c-grafik.png

                      dcea13ad-c1b5-40b8-ad6f-e586d0e2448b-grafik.png

                      Wer hat den goldenen Tip?

                      Edit: Wer hätte es gedacht , mal wieder einfacher als gedacht.
                      Aber was die Entwickler sich dabei gedacht haben....naja....

                      Des Rätsels Lösung:
                      7967bdf4-773b-429a-a819-5781edb971c9-grafik.png

                      Also da suche ich bestimmt als Letztes nach der Lösung.
                      Background in X Formen gibt es als Einstellmöglichkeit und transparent erscheint es nur mit dem JA bei "Kein Rahmen".

                      Dann kann ich ja jetzt endlich pennen gehen ;)

                      Synology DS218+ & 2 x Fujitsu Esprimo (VM/Container) + FritzBox7590 + 2 AVM 3000 Repeater & Homematic & HUE & Osram & Xiaomi, NPM 10.9.7, Nodejs 22.22.2 ,JS Controller 7.0.7 ,Admin 7.8.24

                      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
                      FAQ Cloud / IOT
                      HowTo: Node.js-Update
                      HowTo: Backup/Restore
                      Downloads
                      BLOG

                      524

                      Online

                      32.9k

                      Benutzer

                      83.1k

                      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