Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Flot Diagramm mit mehreren Balken nebeneinander

NEWS

  • Der neue Monatsrückblick für Mai und Juni 2026 ist online!
    BluefoxB
    Bluefox
    8
    1
    1.3k

  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    3.8k

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    17
    1
    6.8k

Flot Diagramm mit mehreren Balken nebeneinander

Scheduled Pinned Locked Moved Visualisierung
visflot adapter
48 Posts 8 Posters 9.4k Views 10 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O onkel-ede

    @Homoran:
    wenn ich den oberen Datenpunkt z.B. mit x-offset 0s und den zweiten mit 6h einstelle, sieht es so aus (in meinem vorherigen Post stehen beide auf 6h):

    E3D69123-BDC3-45E8-9AFA-BA071004618F.jpeg

    HomoranH Do not disturb
    HomoranH Do not disturb
    Homoran
    wrote on last edited by
    #9

    @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

    wenn ich den oberen Datenpunkt z.B. mit x-offset 0s und den zweiten mit 6h einstelle

    das ist halbwegs richtig.

    Allerdings bedenken: Der Abstand der zwei Tage (=24h) ist x cm.
    6h sind dann 1/4 davon.

    Mein Rat: Balkenbreite reduzieren und dann mit den Abständen spielen.

    Finetuning machen wir wenn es halbwegs aussieht

    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 Reply Last reply
    0
    • O Offline
      O Offline
      onkel-ede
      wrote on last edited by
      #10

      @Homoran
      Ich habe die Balken schmaler gemacht, den blauen Balken mit 6h und den Grünen mit 12h x-offset:

      5CEA6F37-5030-40BB-8902-F40533C2D974.jpeg

      Der Balken bleibt, nur die Beschriftung verschiebt sich.
      Wenn ich den blauen Balken auf 0s setze, stimmt der Tag nicht mehr (1.1., anstatt 31.12.) Der letzte Wert ist immer vom letzten vollständigen Tag.

      HomoranH 1 Reply Last reply
      0
      • O onkel-ede

        @Homoran
        Ich habe die Balken schmaler gemacht, den blauen Balken mit 6h und den Grünen mit 12h x-offset:

        5CEA6F37-5030-40BB-8902-F40533C2D974.jpeg

        Der Balken bleibt, nur die Beschriftung verschiebt sich.
        Wenn ich den blauen Balken auf 0s setze, stimmt der Tag nicht mehr (1.1., anstatt 31.12.) Der letzte Wert ist immer vom letzten vollständigen Tag.

        HomoranH Do not disturb
        HomoranH Do not disturb
        Homoran
        wrote on last edited by
        #11

        @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

        ch habe die Balken schmaler gemacht, den blauen Balken mit 6h und den Grünen mit 12h x-offset:

        Warum auch den ersten verschieben?
        Der Abstand soll doch größer werden.
        6-12 ist identisch wie 0-6

        bei mir sieht es so aus:
        X_offset.png

        Natürlich sind die Balken deutlich schmaler
        Werte habe ich gar nicht - vielleicht hatte das den selben Grund - ist ewig her

        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 Reply Last reply
        0
        • O Offline
          O Offline
          onkel-ede
          wrote on last edited by
          #12

          @Homoran
          Egal was ich einstelle, es ändert sich nur die Beschriftung, die Balken bleiben übereinander.

          HomoranH 1 Reply Last reply
          0
          • O onkel-ede

            @Homoran
            Egal was ich einstelle, es ändert sich nur die Beschriftung, die Balken bleiben übereinander.

            HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            wrote on last edited by
            #13

            @onkel-ede
            wie groß ist deine barbreite (Optionen)
            Bei mir 0.06

            Füllen habe ich auch nicht aktiv - dafür Linienstärke auf 6 (mehr)

            Die Balken "füllen" sich dann bei mir erst wenn alle Tage einen Balken haben

            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 Reply Last reply
            0
            • O Offline
              O Offline
              onkel-ede
              wrote on last edited by
              #14

              @Homoran
              Barbreite habe ich auf 0.05, linienstärke auch auf 6 und nicht gefüllt.

              HomoranH 1 Reply Last reply
              0
              • O onkel-ede

                @Homoran
                Barbreite habe ich auf 0.05, linienstärke auch auf 6 und nicht gefüllt.

                HomoranH Do not disturb
                HomoranH Do not disturb
                Homoran
                wrote on last edited by
                #15

                @onkel-ede

                Hab keine Idee mehr wo unsere Unterschiede sind.

                Hier mal mein Flot:

                http://192.168.123.456:8082/flot/index.html?l%5B0%5D%5Bid%5D=Messwerte.0.Stromzaehler.Summenwerte.Tagesendverbrauch&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=onchange&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bmin%5D=0&l%5B0%5D%5Bmax%5D=30&l%5B0%5D%5Bthickness%5D=6&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5Bname%5D=Verbrauch&l%5B0%5D%5BchartType%5D=bar&l%5B0%5D%5BignoreNull%5D=false&l%5B0%5D%5BafterComma%5D=2&l%5B0%5D%5Bdashes%5D=false&l%5B0%5D%5BdashLength%5D=10&l%5B0%5D%5BspaceLength%5D=10&l%5B0%5D%5Byaxe%5D=right&l%5B0%5D%5Bxaxe%5D=bottom&l%5B0%5D%5Bpoints%5D=false&l%5B1%5D%5Bid%5D=Messwerte.0.Stromzaehler.Summenwerte.Tagesendeinspeisung&l%5B1%5D%5Boffset%5D=10000&l%5B1%5D%5Baggregate%5D=onchange&l%5B1%5D%5Bcolor%5D=%23ffcc00&l%5B1%5D%5Bthickness%5D=6&l%5B1%5D%5Bshadowsize%5D=3&l%5B1%5D%5Bname%5D=Einspeisung&l%5B1%5D%5Bxaxe%5D=off&l%5B1%5D%5Byaxe%5D=off&l%5B1%5D%5BcommonYAxis%5D=1&l%5B1%5D%5BignoreNull%5D=false&l%5B1%5D%5BafterComma%5D=2&l%5B1%5D%5Bdashes%5D=false&l%5B1%5D%5BdashLength%5D=10&l%5B1%5D%5BspaceLength%5D=10&l%5B1%5D%5BchartType%5D=bar&l%5B1%5D%5Bpoints%5D=false&l%5B1%5D%5Bsmoothing%5D=0&l%5B2%5D%5Bid%5D=Messwerte.0.Stromzaehler.Summenwerte.Tagesendbezug&l%5B2%5D%5Boffset%5D=20000&l%5B2%5D%5Baggregate%5D=onchange&l%5B2%5D%5Bcolor%5D=%23FF00FF&l%5B2%5D%5Bthickness%5D=6&l%5B2%5D%5Bshadowsize%5D=3&l%5B2%5D%5Bname%5D=Bezug&l%5B2%5D%5Bxaxe%5D=off&l%5B2%5D%5Byaxe%5D=off&l%5B2%5D%5BcommonYAxis%5D=1&l%5B2%5D%5BafterComma%5D=2&l%5B2%5D%5Bdashes%5D=false&l%5B2%5D%5BdashLength%5D=10&l%5B2%5D%5BspaceLength%5D=10&l%5B2%5D%5BchartType%5D=bar&l%5B2%5D%5Bpoints%5D=false&l%5B2%5D%5BignoreNull%5D=false&timeType=relative&relativeEnd=now&range=10080&aggregateType=count&aggregateSpan=300&barColor=%23000000&barWidth=.06&legend=nw&hoverDetail=true&useComma=false&zoom=true&noedit=false&animation=0&bg=0&live=120&noBorder=noborder&grid_color=lightgrey&title=Tagesprofil+Strom&titlePos=top%3A35%3Bleft%3A50&titleColor=white&titleSize=20pt&legBgOpacity=.5&timeFormat=%25d.%25m.
                

                Vielleicht findest du was

                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 Reply Last reply
                0
                • O Offline
                  O Offline
                  onkel-ede
                  wrote on last edited by
                  #16

                  @Homoran
                  Wenn ich Deinen Link in flot einbinde, die IP-Adresse und die Datenpunkte anpasse, sieht es so aus, wie es korrekt wäre.
                  Ist allerdings schwer lesbar (bin mit Tablett unterwegs).
                  Kann ich den Link so einbinden, dass die Einstellungen angepasst werden?
                  Steht bei Dir bei Zeit Schritttyp „Anzahl“ und Schrittweite „300“?

                  HomoranH 1 Reply Last reply
                  0
                  • O onkel-ede

                    @Homoran
                    Wenn ich Deinen Link in flot einbinde, die IP-Adresse und die Datenpunkte anpasse, sieht es so aus, wie es korrekt wäre.
                    Ist allerdings schwer lesbar (bin mit Tablett unterwegs).
                    Kann ich den Link so einbinden, dass die Einstellungen angepasst werden?
                    Steht bei Dir bei Zeit Schritttyp „Anzahl“ und Schrittweite „300“?

                    HomoranH Do not disturb
                    HomoranH Do not disturb
                    Homoran
                    wrote on last edited by
                    #17

                    @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                    Ist allerdings schwer lesbar

                    Was ist nicht lesbar?

                    @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                    Kann ich den Link so einbinden, dass die Einstellungen angepasst werden?

                    Du hast doch nach dem Anpassen einen eigenen - was meinst du?

                    @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                    Steht bei Dir bei Zeit Schritttyp „Anzahl“ und Schrittweite „300“?

                    Meist du Schritttyp = Anzahl und Anzahl = 300?
                    Das dürfte bei Balken irrelevant sein

                    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 Reply Last reply
                    0
                    • O Offline
                      O Offline
                      onkel-ede
                      wrote on last edited by
                      #18

                      @Homoran
                      Ich meine, im Editor ist schwer zu finden, wo die Unterschiede liegen.
                      Wenn ich Deinen Link in das Feld „Link“ kopiere, ändern sich ja die Einstellungen bei mir nicht.

                      HomoranH 1 Reply Last reply
                      0
                      • O onkel-ede

                        @Homoran
                        Ich meine, im Editor ist schwer zu finden, wo die Unterschiede liegen.
                        Wenn ich Deinen Link in das Feld „Link“ kopiere, ändern sich ja die Einstellungen bei mir nicht.

                        HomoranH Do not disturb
                        HomoranH Do not disturb
                        Homoran
                        wrote on last edited by
                        #19

                        @onkel-ede nicht kopieren, sondern mit .../flot/edit.html/... aufrufen

                        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 Reply Last reply
                        0
                        • O Offline
                          O Offline
                          onkel-ede
                          wrote on last edited by
                          #20

                          @Homoran
                          Wenn ich Deinen Link entsprechend anpasse und in edit öffne, sieht es so aus, wie es soll.
                          Habe alles identisch zu Dir eingestellt.
                          Einzig der x-offset ist unterschiedlich.
                          Der oberste Datenpunkt hat bei Dir 0s und die beiden anderen sind leer.
                          Dies kann ich bei mir jedoch nicht auswählen:

                          11194F27-053D-4460-B1CC-DADA41BC3175.jpeg

                          HomoranH 1 Reply Last reply
                          0
                          • O onkel-ede

                            @Homoran
                            Wenn ich Deinen Link entsprechend anpasse und in edit öffne, sieht es so aus, wie es soll.
                            Habe alles identisch zu Dir eingestellt.
                            Einzig der x-offset ist unterschiedlich.
                            Der oberste Datenpunkt hat bei Dir 0s und die beiden anderen sind leer.
                            Dies kann ich bei mir jedoch nicht auswählen:

                            11194F27-053D-4460-B1CC-DADA41BC3175.jpeg

                            HomoranH Do not disturb
                            HomoranH Do not disturb
                            Homoran
                            wrote on last edited by
                            #21

                            @onkel-ede sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                            Dies kann ich bei mir jedoch nicht auswählen:

                            Nein, da stand was.

                            Trage irgend etwas ein und ändere diese Zahlen im Link auf 0, 10000, und 20000

                            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 Reply Last reply
                            0
                            • O Offline
                              O Offline
                              onkel-ede
                              wrote on last edited by
                              #22

                              @Homoran
                              Mit der Anpassung direkt im Link funktioniert es.
                              Besten Dank für Deine Hilfe.

                              DC6FB865-516B-4B12-A695-EE535716ECDF.jpeg

                              HomoranH 1 Reply Last reply
                              0
                              • O onkel-ede

                                @Homoran
                                Mit der Anpassung direkt im Link funktioniert es.
                                Besten Dank für Deine Hilfe.

                                DC6FB865-516B-4B12-A695-EE535716ECDF.jpeg

                                HomoranH Do not disturb
                                HomoranH Do not disturb
                                Homoran
                                wrote on last edited by
                                #23

                                @onkel-ede und jetzt noch die Linienstärke anheben (auch im Link)

                                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 Reply Last reply
                                0
                                • NashraN Offline
                                  NashraN Offline
                                  Nashra
                                  Most Active Forum Testing
                                  wrote on last edited by
                                  #24

                                  Moin, hänge mich mal mit rein :-)
                                  Hatte schon des öfteren versucht Balken anzuzeigen aber es klappte einfach nicht :-(
                                  Dank dir @Homoran und deinem Flot-Link habe ich es nun auch hinbekommen.
                                  Einzigst was mir nicht gefällt ist das die Balken keine Füllfarbe haben,
                                  aber da hattest Du ja geschrieben das dies wohl etwas dauert, bin gespannt.
                                  balkendiagram.PNG

                                  Gruß Ralf
                                  Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

                                  HomoranH 1 Reply Last reply
                                  0
                                  • NashraN Nashra

                                    Moin, hänge mich mal mit rein :-)
                                    Hatte schon des öfteren versucht Balken anzuzeigen aber es klappte einfach nicht :-(
                                    Dank dir @Homoran und deinem Flot-Link habe ich es nun auch hinbekommen.
                                    Einzigst was mir nicht gefällt ist das die Balken keine Füllfarbe haben,
                                    aber da hattest Du ja geschrieben das dies wohl etwas dauert, bin gespannt.
                                    balkendiagram.PNG

                                    HomoranH Do not disturb
                                    HomoranH Do not disturb
                                    Homoran
                                    wrote on last edited by
                                    #25

                                    @Nashra sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                                    Einzigst was mir nicht gefällt ist das die Balken keine Füllfarbe haben,

                                    ich habe das mit "Füllen" nicht hinbekommen.
                                    Aber indem ich die Linienbreite so lange erhöht habe bis sie so dick war, dass sich die rechte und linke Linie berührten ;-)

                                    Dies aber bitte im Link ändern.
                                    Beim erneuten einlesen in den Editor wird sonst wieder der Abstand auf 0 gesetzt

                                    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 -

                                    NashraN 1 Reply Last reply
                                    0
                                    • O Offline
                                      O Offline
                                      onkel-ede
                                      wrote on last edited by
                                      #26

                                      Habe gerade mal probiert, Füllen wieder auf 1 zu setzen:
                                      DF7D7A51-D57E-4104-93D6-420AB57DC903.jpeg
                                      Mal noch eine andere Frage. Kann man mit flot Balken auch stapeln oder muss man dazu auf andere Technologien umsteigen?

                                      1 Reply Last reply
                                      0
                                      • PeoplesP Offline
                                        PeoplesP Offline
                                        Peoples
                                        wrote on last edited by
                                        #27

                                        Das ist eine wirklich gute Frage

                                        Ich beantworte keine Fragen zu Themen via PN

                                        1 Reply Last reply
                                        0
                                        • HomoranH Homoran

                                          @Nashra sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                                          Einzigst was mir nicht gefällt ist das die Balken keine Füllfarbe haben,

                                          ich habe das mit "Füllen" nicht hinbekommen.
                                          Aber indem ich die Linienbreite so lange erhöht habe bis sie so dick war, dass sich die rechte und linke Linie berührten ;-)

                                          Dies aber bitte im Link ändern.
                                          Beim erneuten einlesen in den Editor wird sonst wieder der Abstand auf 0 gesetzt

                                          NashraN Offline
                                          NashraN Offline
                                          Nashra
                                          Most Active Forum Testing
                                          wrote on last edited by
                                          #28

                                          @Homoran sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                                          @Nashra sagte in Flot Diagramm mit mehreren Balken nebeneinander:

                                          Einzigst was mir nicht gefällt ist das die Balken keine Füllfarbe haben,

                                          ich habe das mit "Füllen" nicht hinbekommen.
                                          Aber indem ich die Linienbreite so lange erhöht habe bis sie so dick war, dass sich die rechte und linke Linie berührten ;-)

                                          Linienbreite erhöhen das war es
                                          balkendiagramm2.PNG balkendiagram2.PNG

                                          Dies aber bitte im Link ändern.
                                          Beim erneuten einlesen in den Editor wird sonst wieder der Abstand auf 0 gesetzt

                                          Kapier ich jetzt nicht. Habe es gespeichert und neu geladen, siehe Bild oben.
                                          Oder meinst du den Abstand der Balken? Wenn ja, welcher Eintrag ist das?

                                          Gruß Ralf
                                          Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

                                          HomoranH 1 Reply Last reply
                                          0

                                          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                          With your input, this post could be even better 💗

                                          Register Login
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          474

                                          Online

                                          33.0k

                                          Users

                                          83.6k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2026
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe