Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    324

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.5k

Flot Diagramm mit mehreren Balken nebeneinander

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visflot adapter
48 Beiträge 8 Kommentatoren 6.6k Aufrufe 10 Watching
  • Ä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.
  • PeoplesP Peoples

    @Homoran sagte in Flot Diagramm mit mehreren Balken nebeneinander:

    @backons

    ich bekomme das auch noch nicht so hin wie ich das will.
    Balken.png

    Kann aber noch an meiner Version von flot liegen - habe da noch ein Problem mit der Farbauswahl

    Wenn ich schon mal so weit wäre :grin:

    Ich versuche ebenfalls meine Daten direkt aus dem Wechselrichter bzw. dem SHM dazu zu verwenden ein Balkendiagramm zu erstellen aber bei mir klappt das nichtmal mit einem Balken pro Tag.

    snipping.JPG

    Wie habt ihr das realisiert dass pro Tag nur ein Wert dargestellt wird? Oder muss ich aktiv einen Datenpunkt erstellen der nur einmal pro Tag aktuallisiert wird?

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    schrieb am zuletzt editiert von
    #5

    @Peoples sagte in Flot Diagramm mit mehreren Balken nebeneinander:

    Ich versuche ebenfalls meine Daten direkt aus dem Wechselrichter bzw. dem SHM dazu zu verwenden ein Balkendiagramm zu erstellen aber bei mir klappt das nichtmal mit einem Balken pro Tag.

    So funktionierts bei mir!

    Flot Edit.png
    Flot Edit (3).png
    Flot Edit (1).png

    Im "Reiter - Zeit" bei Aggregation mal so wie bei mir eintragen.
    86400 Sekunden sind 24 Stunden

    ° Node.js: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    1 Antwort Letzte Antwort
    1
    • O Offline
      O Offline
      onkel-ede
      schrieb am zuletzt editiert von
      #6

      Was muss ich einstellen, um die Balken für einen Tag nebeneinander stehen zu haben?

      1E70F5AA-7271-4140-BBE0-D00E9F93B5F1.jpeg

      Über das x-offset bekomme ich es nicht hin.

      HomoranH 1 Antwort Letzte Antwort
      0
      • O onkel-ede

        Was muss ich einstellen, um die Balken für einen Tag nebeneinander stehen zu haben?

        1E70F5AA-7271-4140-BBE0-D00E9F93B5F1.jpeg

        Über das x-offset bekomme ich es nicht hin.

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

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

        Über das x-offset bekomme ich es nicht hin.

        Wie äußert sich das?

        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

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

        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

        1 Antwort Letzte Antwort
        0
        • O Offline
          O Offline
          onkel-ede
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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 Nicht stören
            HomoranH Nicht stören
            Homoran
            Global Moderator Administrators
            schrieb am zuletzt editiert von
            #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            1 Antwort Letzte Antwort
            0
            • O Offline
              O Offline
              onkel-ede
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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 Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Antwort Letzte Antwort
                0
                • O Offline
                  O Offline
                  onkel-ede
                  schrieb am zuletzt editiert von
                  #12

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

                  HomoranH 1 Antwort Letzte Antwort
                  0
                  • O onkel-ede

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

                    HomoranH Nicht stören
                    HomoranH Nicht stören
                    Homoran
                    Global Moderator Administrators
                    schrieb am zuletzt editiert von
                    #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                    1 Antwort Letzte Antwort
                    0
                    • O Offline
                      O Offline
                      onkel-ede
                      schrieb am zuletzt editiert von
                      #14

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

                      HomoranH 1 Antwort Letzte Antwort
                      0
                      • O onkel-ede

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

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        1 Antwort Letzte Antwort
                        0
                        • O Offline
                          O Offline
                          onkel-ede
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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 Nicht stören
                            HomoranH Nicht stören
                            Homoran
                            Global Moderator Administrators
                            schrieb am zuletzt editiert von
                            #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                            1 Antwort Letzte Antwort
                            0
                            • O Offline
                              O Offline
                              onkel-ede
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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 Nicht stören
                                HomoranH Nicht stören
                                Homoran
                                Global Moderator Administrators
                                schrieb am zuletzt editiert von
                                #19

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

                                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                1 Antwort Letzte Antwort
                                0
                                • O Offline
                                  O Offline
                                  onkel-ede
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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 Nicht stören
                                    HomoranH Nicht stören
                                    Homoran
                                    Global Moderator Administrators
                                    schrieb am zuletzt editiert von
                                    #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 - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                    1 Antwort Letzte Antwort
                                    0
                                    • O Offline
                                      O Offline
                                      onkel-ede
                                      schrieb am zuletzt editiert von
                                      #22

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

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

                                      HomoranH 1 Antwort Letzte Antwort
                                      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 Nicht stören
                                        HomoranH Nicht stören
                                        Homoran
                                        Global Moderator Administrators
                                        schrieb am zuletzt editiert von
                                        #23

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

                                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                        1 Antwort Letzte Antwort
                                        0
                                        • NashraN Offline
                                          NashraN Offline
                                          Nashra
                                          Most Active Forum Testing
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          596

                                          Online

                                          32.5k

                                          Benutzer

                                          81.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