Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Tageswerte als Balkendiagram mit Flot

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Tageswerte als Balkendiagram mit Flot

    This topic has been deleted. Only users with topic management privileges can see it.
    • FoodFighter
      FoodFighter last edited by

      Hallo allerseits.
      ich tue mich momentan etwas schwierig mit einer Sache, die vermutlich ziemlich leicht zu lösen ist.
      Ich logge die Umdrehungen des Laufrades unserer Nager mit und errechne über einen Blockly-Script die aktuelle Tagesleistung in Umdrehungen und Kilometern.
      Realisiert habe ich das mit einem Fenster-Reed-Kontakt+Magnet, den ich ans Laufrad geklebt habe.
      Screenshot 2020-07-30 13.33.32.png
      Die Werte stehen in 12 Datenpunkten:
      jeweils Tag, Woche, Monat, Jahr, Gesamt -Umdrehungen + km
      zzgl. Drehzahl + Geschwindigkeit (Aktualwerte)
      Alle 12 Datenpunkte werden in eine mariadb Datenbank mit geschrieben.
      (zzgl. schreibt die Datenbank noch den aktuellen IST-Wert des Fensterkontaktes mit - so könnte man auch nur die reine Aktivitätsverlauf anzeigen.

      Nun würde ich gerne einen Trend erstellen, in dem die Tageswerte auf einen Blick ersichtlich sind.
      Etwa so (Excel):
      Screenshot 2020-07-30 13.20.28.png
      Hierbei wäre es erstmal egal, ob das Balkendiagramm Horizontal oder Vertikal angelegt ist...wobei Vertikal schon schöner wäre.

      Wie realisiert man so etwas?
      Ich könnte mir vorstellen, dass es zwei weitere Datenpunkte geben müsste, in denen täglich um 0uhr, wenn der Tageszähler zurückgesetzt wird, der Wert des Vortages gespeichert wird.
      Diesen könnte man dann wieder mit mariadb mitschreiben lassen.

      Doch wie erstellt man ein Flot-Balken-Diagramm, in dem immer nur ein Wert pro Tag angezeigt wird?

      Nachteil der o.g. Methode wäre, dass der aktuelle Tag nicht als "Balken" im Diagram auftaucht (da dieser erst um 0h als "Vortag" in den Datenpunkt geschrieben wird.
      Es wäre also schöner, wenn das Diagramm immer die Werte der letzten Tage um jeweils 0h anzeigt - und vom aktuellen Tag der Balken bis 0Uhr stetig wächst

      Oder geht das ganze noch einfacher ohne separate Datenpunkte für den Vortag? (die Werte existieren ja bereits in einem geloggten Datenpunkt und müssten nur jeweils um 0h ausgelesen werden)

      Gruß FoFi

      Homoran 1 Reply Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators @FoodFighter last edited by

        @FoodFighter sagte in Tageswerte als Balkendiagram mit Flot:

        Ich könnte mir vorstellen, dass es zwei weitere Datenpunkte geben müsste, in denen täglich um 0uhr, wenn der Tageszähler zurückgesetzt wird, der Wert des Vortages gespeichert wird.

        Genau so!

        @FoodFighter sagte in Tageswerte als Balkendiagram mit Flot:

        Doch wie erstellt man ein Flot-Balken-Diagramm, in dem immer nur ein Wert pro Tag angezeigt wird?

        Der neue Datenpunkt hat nur noch einen Wert pro Tag!

        @FoodFighter sagte in Tageswerte als Balkendiagram mit Flot:

        Nachteil der o.g. Methode wäre, dass der aktuelle Tag nicht als "Balken" im Diagram auftaucht (da dieser erst um 0h als "Vortag" in den Datenpunkt geschrieben wird.

        Dann schreibe ihn um 23:59

        Screenshot_20200730-135531_Chrome.jpg

        1 Reply Last reply Reply Quote 0
        • FoodFighter
          FoodFighter last edited by

          @Homoran said in Tageswerte als Balkendiagram mit Flot:

          Der neue Datenpunkt hat nur noch einen Wert pro Tag!

          Richtig, den hat er aber ja 24h lang. Wie hast du es hinbekommen, dass da pro Tag nur ein Balken erscheint...und nicht 24Balken, bis der nächste Wert da ist?

          @Homoran said in Tageswerte als Balkendiagram mit Flot:

          Dann schreibe ihn um 23:59

          Ich meinte eher, dass der Balken am aktuellen Tag nicht "wächst", weil er halt nur als "fester Wert pro Tag" geschrieben wird (egal ob 0h oder 23:59)
          Aber das wäre in diesem Fall kein Drama

          Könntest du bitte mal einen Screenshot von deinen Eingangsdaten-Einstellungen posten?
          Das sieht genau nach dem aus, was ich suche 🙂

          Homoran 1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @FoodFighter last edited by

            @FoodFighter sagte in Tageswerte als Balkendiagram mit Flot:

            dass der Balken am aktuellen Tag nicht "wächst",

            Du willst ihn wachsen sehen?
            Das geht natürlich damit nicht.

            Für den aktuellen Tag nutze ich daher ein anderes Widget
            20200730_150918.jpg
            Müsste bar Charts o.ä. heißen
            Das wächst. Und abends wird in einen eigenen Datenpunkt geschrieben, der wird geloggt und im Chart angezeigt

            1 Reply Last reply Reply Quote 0
            • FoodFighter
              FoodFighter last edited by

              Ah...sehr gut, das werde ich genauso machen.

              Kannst du mir bitte noch deine Flot-Einstellungen zeigen?
              (der HTML-link tuts auch - den kann ich mir dann zerpflügen) 🙂

              Homoran 1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @FoodFighter last edited by

                @FoodFighter sagte in Tageswerte als Balkendiagram mit Flot:

                Kannst du mir bitte noch deine Flot-Einstellungen zeigen?

                Im Moment nicht - bin unterwegs.

                Wenn du aber auch mehrere Balken nebeneinander willst wird es tricky.
                Die Standardeinstellungen reichen dann nicht - da musst du die Werte im URL händisch mit Try and Error ein wenig anpassen.

                Ansonsten ist es ganz einfach der Datenpunkt, in den um 23:59 das Tagesergebnis geschrieben wird.
                Skalierung der Y-Achse ist bei mir (fast) immer fix - also in meinem Fall 0-30.

                Ein wenig mit der Barbreite spielen - 0-1 und die "Füllung" habe ich über die Linienstärke geregelt bis die Linien verschmelzen

                Nashra 1 Reply Last reply Reply Quote 0
                • FoodFighter
                  FoodFighter last edited by

                  Danke, damit kann ich erstmal rumprobieren 🙂

                  hg6806 1 Reply Last reply Reply Quote 0
                  • hg6806
                    hg6806 Most Active @FoodFighter last edited by

                    Hallo zusammen,

                    habe eine ähnliche Frage.
                    Und zwar möchte ich meine Tageserträge von PV, Strom etc. als Balkendiagrmm darstellen.
                    Derzeit benutze ich den rgraph Barchart, was aber auf 8 Einträge limitiert ist.
                    In Flot kann man aber pro Chart nur ein Datenpunkt angeben.
                    Welchen gebe ich dort an? Wie sind die weiteren Parameter?
                    Habe Sourceanalytix. Muss ich da den Current day Wert nehmen und den wiederum in History, damit ich denn dann in Flot habe?

                    Homoran 1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators @hg6806 last edited by

                      @hg6806
                      Screenshot_20200811-102105_Firefox.jpg

                      Etwa so?

                      Sind eigentlich nur drei Balken pro Tag. Durch mehrere reboots in den letzten Tagen sind es mehr geworden, ich habe sie noch nicht bereinigt.

                      Links ist der aktuelle Tag mit "wachsenden Balken"

                      hg6806 1 Reply Last reply Reply Quote 0
                      • hg6806
                        hg6806 Most Active @Homoran last edited by

                        @Homoran
                        Ja genau, hatte ich oben ja schon gesehen.
                        Mit was "fütterst" du das?
                        Kannst du mal die Einstellungen zeigen?

                        Homoran 1 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators @hg6806 last edited by

                          @hg6806 sagte in Tageswerte als Balkendiagram mit Flot:

                          Mit was "fütterst" du das?

                          Das sind mehrere kleine blocklys, die die Rohdaten aufarbeiten und in eigene Datenpunkte kumulieren.
                          Diese Datenpunkte werden im Barchart widget dargestellt.
                          Um 23:59 werden die Werte in weitere Datenpunkte übertragen. Diese werden mit History geloggt und in flot dargestellt

                          hg6806 1 Reply Last reply Reply Quote 0
                          • hg6806
                            hg6806 Most Active @Homoran last edited by

                            @Homoran
                            OK, ich dachte das geht jetzt mit Sourceanalytix einfacher. Dann ist mir der Aufwand zu groß.
                            Trotzdem Danke!

                            Homoran 1 Reply Last reply Reply Quote 0
                            • Homoran
                              Homoran Global Moderator Administrators @hg6806 last edited by

                              @hg6806 sagte in Tageswerte als Balkendiagram mit Flot:

                              , ich dachte das geht jetzt mit Sourceanalytix einfacher.

                              Möglich, ich kenne das nicht

                              1 Reply Last reply Reply Quote 0
                              • Nashra
                                Nashra Most Active Forum Testing @Homoran last edited by

                                @Homoran sagte in Tageswerte als Balkendiagram mit Flot:

                                Ein wenig mit der Barbreite spielen - 0-1 und die "Füllung" habe ich über die Linienstärke geregelt bis die Linien verschmelzen

                                Hallo @Homoran ich bekomme das auch nicht hin, wärst Du so nett und setzt mal ein Bild
                                von deinen Einstellungen rein. Zurzeit sieht es bei mir so aus
                                pool.PNG

                                Homoran 2 Replies Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators @Nashra last edited by Homoran

                                  @Nashra sagte in Tageswerte als Balkendiagram mit Flot:

                                  und setzt mal ein Bild
                                  von deinen Einstellungen rein.

                                  Dazu muss ich mal zu Hause am PC sitzen

                                  1 Reply Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @Nashra last edited by

                                    @Nashra sagte in Tageswerte als Balkendiagram mit Flot:

                                    setzt mal ein Bild
                                    von deinen Einstellungen rein

                                    mit einem kommst du da nicht aus 😉

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

                                    Nashra 1 Reply Last reply Reply Quote 1
                                    • Nashra
                                      Nashra Most Active Forum Testing @Homoran last edited by

                                      @Homoran sagte in Tageswerte als Balkendiagram mit Flot:

                                      @Nashra sagte in Tageswerte als Balkendiagram mit Flot:

                                      setzt mal ein Bild
                                      von deinen Einstellungen rein

                                      mit einem kommst du da nicht aus 😉

                                      Danke @Homoran, jetzt klappt es und die Einstellung gefunden die ich falsch hatte 👍

                                      hg6806 1 Reply Last reply Reply Quote 0
                                      • hg6806
                                        hg6806 Most Active @Nashra last edited by

                                        Ist es möglich mit Flot lediglich die täglichen Max-Werte zu speichern?

                                        Wenn nicht, kann man mit dem Flot Balken-Chart den täglichen Max-Wert anzeigen? Wenn ich Bar einstelle und Max. wird was anderes angezeigt.

                                        1 Reply Last reply Reply Quote 0
                                        • B
                                          bibabuz last edited by

                                          Hi,

                                          auch wenn das Topic schon ein wenig älter ist... Vielleicht nützt es noch jemandem. Ich hab die Ideen von euch kombiniert und dann das hier daraus gebaut:

                                          71045aa7-051a-40aa-8e3a-f3e692d32b05-grafik.png

                                          Die Datenreihe ist erst ein paar Tage lang, das füllt sich noch, aber durch die Optik des Flot-Diagramms konnte ich das bars-Widget einfach dranhängen und habe jetzt ebenfalls die tagesaktuelle Auswertung direkt mit dabei.

                                          Danke euch udn viele Grüße!

                                          F 1 Reply Last reply Reply Quote 0
                                          • F
                                            fruehwi @bibabuz last edited by fruehwi

                                            @dominik_L
                                            Hi Dominik_l

                                            wie hast du es geschafft das die Balken summiert (übereinander) angezeigt werden?

                                            Danke.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            773
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            flot
                                            6
                                            20
                                            3161
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo