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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    509

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

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

Flot Diagramm mit mehreren Balken nebeneinander

Scheduled Pinned Locked Moved Visualisierung
visflot adapter
48 Posts 8 Posters 7.5k 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 Offline
    O Offline
    onkel-ede
    wrote on last edited by
    #8

    @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 1 Reply Last reply
    0
    • 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 Offline
      HomoranH Offline
      Homoran
      Global Moderator Administrators
      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 im Header. 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 Offline
          HomoranH Offline
          Homoran
          Global Moderator Administrators
          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 im Header. 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 Offline
              HomoranH Offline
              Homoran
              Global Moderator Administrators
              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 im Header. 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 Offline
                  HomoranH Offline
                  Homoran
                  Global Moderator Administrators
                  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 im Header. 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 Offline
                      HomoranH Offline
                      Homoran
                      Global Moderator Administrators
                      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 im Header. 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 Offline
                          HomoranH Offline
                          Homoran
                          Global Moderator Administrators
                          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 im Header. 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 Offline
                              HomoranH Offline
                              Homoran
                              Global Moderator Administrators
                              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 im Header. 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 Offline
                                  HomoranH Offline
                                  Homoran
                                  Global Moderator Administrators
                                  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 im Header. 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 Offline
                                      HomoranH Offline
                                      Homoran
                                      Global Moderator Administrators
                                      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 im Header. 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          350

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          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