Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Flot Chart vs Material Design History Chart

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Flot Chart vs Material Design History Chart

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

      @sigi234 sagte in Flot Chart vs Material Design History Chart:

      nehme nur mehr den E-Charts Adapter.

      hier gibt es leider auch keine Balken Diagramme. Oder bin ich zu blöd um sie zu finden?

      @ro75 sagte in Flot Chart vs Material Design History Chart:

      Letztlich kam ich zum Material Design. Bisher kann ich keine Probleme feststellen auch keine Leistungseinbußen. Ich habe Linen-, Kreis und auch Balkendiagramme (horizontal und vertikal) im Einsatz.

      ich hab es nicht geschafft mit Daten vom History Adapter das Balken Diagramm Widget zu verwenden. Gibt's dafür einen Trick oder geht es wirklich nur mit JSON Daten?

      Homoran rtwl 2 Replies Last reply Reply Quote 1
      • Homoran
        Homoran Global Moderator Administrators @rtwl last edited by

        @rtwl sagte in Flot Chart vs Material Design History Chart:

        hier gibt es leider auch keine Balken Diagramme.

        doch!

        @rtwl sagte in Flot Chart vs Material Design History Chart:

        Oder bin ich zu blöd um sie zu finden?

        🤔

        Screenshot_20230307-215324_Firefox.jpg

        1 Reply Last reply Reply Quote 0
        • rtwl
          rtwl @rtwl last edited by

          @rtwl sagte in Flot Chart vs Material Design History Chart:

          hier gibt es leider auch keine Balken Diagramme. Oder bin ich zu blöd um sie zu finden?

          Es war anscheinend zweiteres. Muss ich morgen dann schaun wo sich die Einstellung dazu gestern versteckt hat. 🤔

          aber wenn der E-Charts Adapter auch so langsam sein soll... ich weiß nicht.

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

            @rtwl sagte in Flot Chart vs Material Design History Chart:

            Muss ich morgen dann schaun wo sich die Einstellung dazu gestern versteckt hat.

            in der Version 1.3.3 😁

            @rtwl sagte in Flot Chart vs Material Design History Chart:

            aber wenn der E-Charts Adapter auch so langsam sein soll...

            heisst was?
            was soll da langsam sein?

            rtwl 1 Reply Last reply Reply Quote 0
            • BananaJoe
              BananaJoe Most Active @rtwl last edited by

              @rtwl also, ich bin begeisterter ECharts Nutzer und habe gerade mal gemessen: Jupp, auch bei mir dauert es.
              1 bis 2 Sekunden bis die VIS-Seite aufgebaut ist und noch mal 2 bis 5 Sekunden bis ECharts fertig ist. Jedenfalls bei meiner Hauptansicht.

              Naja, ist ja auch ein Kunststück - es kommt darauf an was denn gerade zu sehen ist. Mein Hauptansicht mit dem Stromverbrauch, den 3 Phasen + Solarertrag + Prognose, da muss er schon ein paar Hundert bis Tausend Werte zusammenklauben bis er meine gewünschte 24h Ansicht zusammen hat.

              Schaue ich mir die Luftfeuchtigkeit im Badezimmer an sind das nur 3 Kurven und wenige Messpunkte, da ist das Diagramm nach 1 Sekunde da, man kann kaum das Logo sehen.

              Also, Quatsch mit "dies ist langsam" und "das ist schnell" - es kommt immer darauf an wie viele Daten da zusammen kommen.

              Und an Echarts genieße ich die vielen Einstellungen, ich mag meine Diagramme eher gerundet und nicht jeden einzelnen Zacken. (Einstellung percentil).

              1 Reply Last reply Reply Quote 1
              • Ro75
                Ro75 @rtwl last edited by

                @rtwl Das ist mit JSON - ging nicht anders:
                eec98cf1-3506-4b73-947c-15f7cff70941-image.png

                Das ist das JSON dazu:

                [
                  {
                    "label": "01.03.",
                    "value": "5.380000000000109",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "02.03.",
                    "value": "5.990000000000009",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "03.03.",
                    "value": "6.769999999999982",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "04.03.",
                    "value": "11.919999999999844",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "05.03.",
                    "value": "8.940000000000055",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "06.03.",
                    "value": "5.130000000000109",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "07.03.",
                    "value": "6.479999999999791",
                    "dataColor": "rgba(156, 33, 33, 0.7)",
                    "valueColor": "#ffffff"
                  },
                  {
                    "label": "heute",
                    "value": 1.3800000000001091,
                    "dataColor": "rgba(97, 128, 94, 0.7)",
                    "valueColor": "#ffffff"
                  }
                ]
                

                Dieses hier über Datenpunkte:

                0e7f6e3a-91af-4b2c-9240-4a23f4a79c09-image.png

                ac781c4b-1fa4-4f45-8fc9-cb3865eeb5ec-image.png

                97a36f88-9cb4-41c5-b1b6-b3c564a9c99e-image.png

                Nur damit es nicht falsch rüber kommt. Ich war mit der Performance von FLOT und e-Charts nicht so begeistert. Bei mir laufen die Widgets vom Material Design am besten. Das kann natürlich auch systemabhängig sein. Das muss jeder selbst versuchen und für sich herausfinden. Auf alle Fälle kann man mit allen drei Systemen wunderbar Diagramme in jeglicher Form erstellen.

                Ro75

                BananaJoe Homoran 2 Replies Last reply Reply Quote 0
                • BananaJoe
                  BananaJoe Most Active @Ro75 last edited by

                  @ro75 Da du bei dir nur 6 Werte und davon ja auch nur den letzten im Datenpunkt stehenden Darstellst geht das natürlich so viel schneller. Da braucht es keine großen Datenbankabfragen und das Rendering der Daten.

                  Es kommt halt auch immer auf den Anwendungsfall an.

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

                    @ro75 sagte in Flot Chart vs Material Design History Chart:

                    Das kann natürlich auch systemabhängig sein.

                    die wichtigsten Eckpunkte dazu hat ja @BananaJoe schon sehr schön erklärt.
                    Dann kommen noch Leistungsfähigkeit des Frontends und WLAN Qualität hinzu.

                    Ro75 1 Reply Last reply Reply Quote 0
                    • Ro75
                      Ro75 @Homoran last edited by

                      @homoran Also ich habe mit den Diagrammen keine Probleme. Das war nur für @rtwl ein Beispiel. Ich habe auch wesentlich komplexere Chart.

                      Ro75.

                      rtwl 1 Reply Last reply Reply Quote 0
                      • rtwl
                        rtwl @Ro75 last edited by

                        Hier ein Video meiner VIS
                        https://youtu.be/0vPfxFuDwOw

                        das Diagramm welches zuerst zu sehen ist bei dem ich oben die Zeiträume umstellen ist jenes vom Material Design Adapter (History Line Widget) dauert nur 1 Sek pro Wechsel, obwohl hier Daten alle 5 min gespeichert werden.

                        beim zweiten Diagramm (FLOT) unten rechts (Stundenansicht, also 24 Datensätze aus dem History Adapter ) dauert ganze 11 sekunden! Beim dritten Diagramm ebenfalls FLOT (Tagesansicht mit den letzten 7 Tagen, also genau 7 Datensätze) geht hier akzeptabel schnell.

                        aber die 11 Sekunden für das eine Diagramm ist halt komisch. Diese Werte werden per Skript jede Stunde in ein Objekt geschrieben und dieser per History geloggt. Hier ist also keine "Summe von zig Werten" nötig. Das mitloggen läuft auch erst seit wenigen Tagen, also sind hier noch keine 500 Datensätze im. History gespeichert.

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

                          @rtwl sagte in Flot Chart vs Material Design History Chart:

                          en! Beim dritten Diagramm ebenfalls FLOT (Tagesansicht mit den letzten 7 Tagen, also genau 7 Datensätze

                          das sind nicht die relevanten Parameter.

                          ich hab da zwei Threads verwechselt und das für hier irrtümlich in diesen Thread gepostet: https://forum.iobroker.net/post/959619
                          Bitte mal dort nachsehen (+ein paar posts weiter), dann muss uch das nicht nochmal alles am Handy tippen

                          DANKE!

                          1 Reply Last reply Reply Quote 0
                          • rtwl
                            rtwl @Homoran last edited by

                            @homoran sagte in Flot Chart vs Material Design History Chart:

                            in der Version 1.3.3

                            Na toll.
                            in der Adapter Übersicht ist erst die Version 1.0.12 verfügbar. Und wie ich schon öfters gelesen hab, sollen ungeübte/unerfahrene keine Adapter über die "Katze" installieren. Das heißt diese Option ist also auch nichts für mich.

                            Schade, dann muss ich wohl mit der Wartezeit leben müssen.

                            @bananajoe sagte in Flot Chart vs Material Design History Chart:

                            Also, Quatsch mit "dies ist langsam" und "das ist schnell" - es kommt immer darauf an wie viele Daten da zusammen kommen.

                            Das dachte ich mir auch, aber siehe mein Video und Erklärungen dazu. Ich hab wirklich nicht viele Daten abzurufen, trotzdem dauert es bis zu 11 Sekunden?

                            @ro75 sagte in Flot Chart vs Material Design History Chart:

                            Das ist mit JSON - ging nicht anders (Material Design Adapter)

                            Kann jemand mir kurz mit Ja oder Nein beantworten ob es möglich ist (noch nicht wie) mit einem Blockly die letzten 7 gespeicherten History Adapter Werte eines Objektes abzufragen, um eine JSON Tabelle zu erstellen für das Balken Widget von Material Design?

                            @homoran sagte in Flot Chart vs Material Design History Chart:

                            Dann kommen noch Leistungsfähigkeit des Frontends und WLAN Qualität hinzu

                            Mein Tablet ist tatsächlich nicht das neueste (3 Jahre altes Huawei) aber da es mit dem Material Design Widget super funktioniert auch mit einigen hunderten Werten vom History denke ich nicht, dass es primär daran liegt, vor allem da ich aktuell nur 2 solcher Diagramme eingebunden hab, und auch sonst keinen großen Schnick Schnack (siehe Video)
                            WLAN Qualität kann ich nicht messen, aber das Tablet zeigt einen "vollen Balken" an.

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

                              @rtwl sagte in Flot Chart vs Material Design History Chart:

                              sollen ungeübte/unerfahrene keine Adapter über die "Katze" installieren.

                              musst du doch gar nicht.
                              Screenshot_20230309-195937_Firefox.jpg
                              ist ja schon seit 2 Monaten im latest.

                              @rtwl sagte in Flot Chart vs Material Design History Chart:

                              siehe Video

                              ich sehe mir prinzipiell keine Videos an.

                              @rtwl sagte in Flot Chart vs Material Design History Chart:

                              Mein Tablet ist tatsächlich nicht das neueste (3 Jahre altes Huawei) aber da es mit dem Material Design Widget super funktioniert auch mit einigen hunderten Werten vom History

                              hast du dir die Berechnung zu Gemüte geführt?

                              @rtwl sagte in Flot Chart vs Material Design History Chart:

                              WLAN Qualität kann ich nicht messen, aber das Tablet zeigt einen "vollen Balken" an.

                              Balken sagen gar nichts aus. Die Datenrate ist entscheidend. Dafür gibt es Apps.

                              rtwl 1 Reply Last reply Reply Quote 0
                              • rtwl
                                rtwl @Homoran last edited by

                                @homoran sagte in Flot Chart vs Material Design History Chart:

                                ist ja schon seit 2 Monaten im latest.

                                Deine Antwort mit 1.3.3 bezog sich auf E-Charts nicht auf FLOT.

                                @homoran sagte in Flot Chart vs Material Design History Chart:

                                ich sehe mir prinzipiell keine Videos an.

                                Cool

                                @homoran sagte in Flot Chart vs Material Design History Chart:

                                hast du dir die Berechnung zu Gemüte geführt?

                                Welche Berechnung? Ich hab das Objekt ausgewählt und meine Einstellungen gemacht - Da ist nichts mit Berechnung.

                                @homoran sagte in Flot Chart vs Material Design History Chart:

                                Balken sagen gar nichts aus. Die Datenrate ist entscheidend. Dafür gibt es Apps.

                                Verstehe. Muss ich mal schauen.

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

                                  @rtwl sagte in Flot Chart vs Material Design History Chart:

                                  Welche Berechnung?

                                  in dem verlinkten Thread, wo ichves irrtümlich reingeschrieben hatte

                                  @homoran sagte in Flot Chart vs Material Design History Chart:

                                  das sind nicht die relevanten Parameter.
                                  ich hab da zwei Threads verwechselt und das für hier irrtümlich in diesen Thread gepostet: https://forum.iobroker.net/post/959619
                                  Bitte mal dort nachsehen (+ein paar posts weiter), dann muss uch das nicht nochmal alles am Handy tippen

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

                                    @rtwl sagte in Flot Chart vs Material Design History Chart:

                                    Deine Antwort mit 1.3.3 bezog sich auf E-Charts nicht auf FLOT.

                                    ok! ok!

                                    dann nochmal
                                    Screenshot_20230309-202543_Firefox.jpg
                                    wann da die 1.3.3 im latest auftauchte weiß ich nicht mehr.

                                    rtwl 1 Reply Last reply Reply Quote 0
                                    • rtwl
                                      rtwl @Homoran last edited by

                                      @homoran sagte in Flot Chart vs Material Design History Chart:

                                      wann da die 1.3.3 im latest auftauchte weiß ich nicht mehr.

                                      Also ich kann nur die 1.0.12 installieren? 🤔

                                      cee358a6-5d35-4399-a5db-b714c0f556bf-image.png

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

                                        @rtwl repo kurz auf beta umstellen

                                        rtwl 1 Reply Last reply Reply Quote 0
                                        • rtwl
                                          rtwl @Homoran last edited by

                                          @homoran sagte in Flot Chart vs Material Design History Chart:

                                          in dem verlinkten Thread, wo ichves irrtümlich reingeschrieben hatte

                                          Es gut mir leid, aber ich verstehe den Zusammenhang mit dem verlinkten Thread nicht. Auch in Bezug auf "Berechnung" finde ich hier keinen Anhaltspunkt. - Ich finde es aber sehr löblich wie du so vielen Usern (mir eingeschlossen) immer wieder hilfst 👍

                                          Homoran 1 Reply Last reply Reply Quote 0
                                          • rtwl
                                            rtwl @Homoran last edited by

                                            @homoran sagte in Flot Chart vs Material Design History Chart:

                                            repo kurz auf beta umstellen

                                            6fee35e6-2469-451a-b9d4-4e777575fefa-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            768
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            6
                                            48
                                            2805
                                            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