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. Material Design Widgets: Line History Chart Widget

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Material Design Widgets: Line History Chart Widget

Scheduled Pinned Locked Moved Visualisierung
vis
202 Posts 61 Posters 41.4k Views 62 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.
  • ScroungerS Scrounger

    Line History Chart Widget

    line_history_chart.gif

    Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

    Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

    • Dokumentation
    • Online Beispiel

    Themen zu anderen Widgets findest du hier!

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    wrote on last edited by
    #77

    @Scrounger

    Deine Widgets sind schon eine geile Sache! :+1:

    Screenshot (2406).png

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    1 Reply Last reply
    0
    • saintheinS sainthein

      Im Edit habe ich ein schönes Chart hinbekommen, nur in der Runtime wird mir nur der Spinner angezeigt. Zeitraumauswahl sehe ich und kann auch selektieren, nur das Diagramm bleibt leer. Wo könnte der Fehler liegen?

      C Offline
      C Offline
      Coffeelover
      wrote on last edited by
      #78

      @sainthein Welches chartTimeout hast du bei deinen Diagrammen eingestellt? In den Widgeteinstellungen unter "Allgemein". Teste mal einen Wert von zB. 20.

      @sigi234 Du solltest deine Zeitachse noch anders formatieren. :) Gebe dir Recht - die Widgets sind schon klasse.

      sigi234S 1 Reply Last reply
      0
      • saintheinS Offline
        saintheinS Offline
        sainthein
        wrote on last edited by
        #79

        Da kann ich einstellen was ich will, es wird mir immer nur der Spinner angezeigt.
        Habe jetzt sogar einen neuen SQL Server aufgesetzt und auch mal auf History umgestellt. Alles ohne Erfolg.

        1 Reply Last reply
        0
        • C Coffeelover

          @danreh23 @Scrounger sagte in Material Design Widgets: Line History Chart Widget:

          Wahrscheinlich gar nicht, weil ich das nicht explizit eingebaut habe und auch noch nie ausprobiert habe. Bitte schreib auf github ein Feature Request, dann bau ich das vielleicht mal ein.

          Ich hab den Request auf Git mal erstellt.

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          wrote on last edited by Scrounger
          #80

          @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

          @danreh23 @Scrounger sagte in Material Design Widgets: Line History Chart Widget:

          Wahrscheinlich gar nicht, weil ich das nicht explizit eingebaut habe und auch noch nie ausprobiert habe. Bitte schreib auf github ein Feature Request, dann bau ich das vielleicht mal ein.

          Ich hab den Request auf Git mal erstellt.

          Hab es eingebaut, wenn du testen magst, aktuelle version von github ziehen
          19e4d2fc-f759-4b13-92d1-69b60e58a0cf-grafik.png

          @sainthein sagte in Material Design Widgets: Line History Chart Widget:

          Da kann ich einstellen was ich will, es wird mir immer nur der Spinner angezeigt.
          Habe jetzt sogar einen neuen SQL Server aufgesetzt und auch mal auf History umgestellt. Alles ohne Erfolg.

          Aktivier mal den Debug Modus und poste das consolen log (F12) zur Runtime, dann kann ich helfen.

          C 2 Replies Last reply
          0
          • ScroungerS Scrounger

            @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

            @danreh23 @Scrounger sagte in Material Design Widgets: Line History Chart Widget:

            Wahrscheinlich gar nicht, weil ich das nicht explizit eingebaut habe und auch noch nie ausprobiert habe. Bitte schreib auf github ein Feature Request, dann bau ich das vielleicht mal ein.

            Ich hab den Request auf Git mal erstellt.

            Hab es eingebaut, wenn du testen magst, aktuelle version von github ziehen
            19e4d2fc-f759-4b13-92d1-69b60e58a0cf-grafik.png

            @sainthein sagte in Material Design Widgets: Line History Chart Widget:

            Da kann ich einstellen was ich will, es wird mir immer nur der Spinner angezeigt.
            Habe jetzt sogar einen neuen SQL Server aufgesetzt und auch mal auf History umgestellt. Alles ohne Erfolg.

            Aktivier mal den Debug Modus und poste das consolen log (F12) zur Runtime, dann kann ich helfen.

            C Offline
            C Offline
            Coffeelover
            wrote on last edited by
            #81

            @Scrounger super, ich komme heute Abend dazu. Das Beispiel sieht super aus.

            1 Reply Last reply
            0
            • C Coffeelover

              @sainthein Welches chartTimeout hast du bei deinen Diagrammen eingestellt? In den Widgeteinstellungen unter "Allgemein". Teste mal einen Wert von zB. 20.

              @sigi234 Du solltest deine Zeitachse noch anders formatieren. :) Gebe dir Recht - die Widgets sind schon klasse.

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              wrote on last edited by
              #82

              @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

              Du solltest deine Zeitachse noch anders formatieren.

              Wie? Wo?

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              C 1 Reply Last reply
              0
              • sigi234S sigi234

                @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

                Du solltest deine Zeitachse noch anders formatieren.

                Wie? Wo?

                C Offline
                C Offline
                Coffeelover
                wrote on last edited by
                #83

                @sigi234 Bei X-Achsen-Layout.

                Ich nutze z.B. diese Variante - bei kürzeren Zeiträumen wird mir die volle Stunde angezeigt und der zugehörige Tag. Bei längerem Intervall steht nur der Wochentag, Tag und Monat.

                {"hour":"dd DD.MM. HH:00","day":"dd DD.MM."}

                VG

                1 Reply Last reply
                1
                • ScroungerS Scrounger

                  @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

                  @danreh23 @Scrounger sagte in Material Design Widgets: Line History Chart Widget:

                  Wahrscheinlich gar nicht, weil ich das nicht explizit eingebaut habe und auch noch nie ausprobiert habe. Bitte schreib auf github ein Feature Request, dann bau ich das vielleicht mal ein.

                  Ich hab den Request auf Git mal erstellt.

                  Hab es eingebaut, wenn du testen magst, aktuelle version von github ziehen
                  19e4d2fc-f759-4b13-92d1-69b60e58a0cf-grafik.png

                  @sainthein sagte in Material Design Widgets: Line History Chart Widget:

                  Da kann ich einstellen was ich will, es wird mir immer nur der Spinner angezeigt.
                  Habe jetzt sogar einen neuen SQL Server aufgesetzt und auch mal auf History umgestellt. Alles ohne Erfolg.

                  Aktivier mal den Debug Modus und poste das consolen log (F12) zur Runtime, dann kann ich helfen.

                  C Offline
                  C Offline
                  Coffeelover
                  wrote on last edited by
                  #84

                  @Scrounger Funktioniert auf den ersten Test hin perfekt. Der nächste Kaffee geht auf mich.

                  Vorher sah meine Heizungskurve so aus:
                  28668d61-d97b-456e-8831-be718173ee59-grafik.png

                  Und jetzt so. Damit lässt sich sinnvoll etwas ablesen! (Ja - es sind unterschiedliche Heizkreise auf den Screenshots.)
                  07f3c1e0-7ef6-4e62-8eda-39ed784dde1e-grafik.png

                  VG

                  werner2000xW 1 Reply Last reply
                  0
                  • V Offline
                    V Offline
                    vatoslocos
                    wrote on last edited by
                    #85

                    Ich bekomme immer ein Error [0] timeout.....
                    Ich habe irgendwas vergessen aber weiß nicht was.

                    Temperatur wird mit History geloggt......!

                    Sorry - bin eher Laie :-(Unbenannt.PNG

                    C 1 Reply Last reply
                    0
                    • V vatoslocos

                      Ich bekomme immer ein Error [0] timeout.....
                      Ich habe irgendwas vergessen aber weiß nicht was.

                      Temperatur wird mit History geloggt......!

                      Sorry - bin eher Laie :-(Unbenannt.PNG

                      C Offline
                      C Offline
                      Coffeelover
                      wrote on last edited by
                      #86

                      @vatoslocos Erhöhe mal den Timeout, damit sollte der Error weg sein.

                      V 1 Reply Last reply
                      1
                      • C Coffeelover

                        @vatoslocos Erhöhe mal den Timeout, damit sollte der Error weg sein.

                        V Offline
                        V Offline
                        vatoslocos
                        wrote on last edited by
                        #87

                        @Coffeelover Stark - das ist es schon gewesen! Gibt es da einen bestimmten Wert wo man sich dran richten sollte?

                        Danke für die schnelle Hilfe!

                        C 1 Reply Last reply
                        1
                        • V vatoslocos

                          @Coffeelover Stark - das ist es schon gewesen! Gibt es da einen bestimmten Wert wo man sich dran richten sollte?

                          Danke für die schnelle Hilfe!

                          C Offline
                          C Offline
                          Coffeelover
                          wrote on last edited by
                          #88

                          @vatoslocos Ich hatte das gleiche Problem - deswegen ging das easy. Wirklich ein Richtwert ist schwierig, da das a) von der Anzahl deiner anzuzeigenden Datenpunkte abhängt und b) von der Performance deines Systems. Aber nach meinem Verständnis ist ein zu hoher Wert auch nicht von Nachteil. (abgesehen davon, dass natürlich ein langes Datenabrufen auch wieder das System belastet).

                          1 Reply Last reply
                          0
                          • sigi234S sigi234

                            @smartboart

                            VIEW von mir die funktioniert:
                            Screenshot (1614).png

                            View_Charts_sigi234.txt

                            XsevX Offline
                            XsevX Offline
                            Xsev
                            wrote on last edited by Xsev
                            #89

                            @sigi234 sagte in Material Design Widgets: Line History Chart Widget:

                            @smartboart

                            VIEW von mir die funktioniert:
                            Screenshot (1614).png

                            View_Charts_sigi234.txt

                            Gehen bei dir alle Zeitintervalle? Ich bekomme z.B. bei 5 Tagen, 1Woche und 2 Wochen auf allen Charts ne rote unleserliche Fehlermeldung.
                            Bin gerade mit deinem View am testen, da ist mir das aufgefallen. Bei 1 Monat geht es wieder und Stunden und Minuten scheinen auch kein Problem zu sein.
                            2020-05-13 (2).png

                            2020-05-13 (3).png

                            sigi234S 1 Reply Last reply
                            0
                            • XsevX Xsev

                              @sigi234 sagte in Material Design Widgets: Line History Chart Widget:

                              @smartboart

                              VIEW von mir die funktioniert:
                              Screenshot (1614).png

                              View_Charts_sigi234.txt

                              Gehen bei dir alle Zeitintervalle? Ich bekomme z.B. bei 5 Tagen, 1Woche und 2 Wochen auf allen Charts ne rote unleserliche Fehlermeldung.
                              Bin gerade mit deinem View am testen, da ist mir das aufgefallen. Bei 1 Monat geht es wieder und Stunden und Minuten scheinen auch kein Problem zu sein.
                              2020-05-13 (2).png

                              2020-05-13 (3).png

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              wrote on last edited by sigi234
                              #90

                              @Xsev sagte in Material Design Widgets: Line History Chart Widget:

                              Gehen bei dir alle Zeitintervalle?

                              Ja, kommt auf die Einstellungen im History Adapter an und wie lange du schon aufzeichnest.
                              Ebenso auf das eingestellte Time Format.
                              Da musst du experimentieren.

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Immer Daten sichern!

                              XsevX 1 Reply Last reply
                              1
                              • sigi234S sigi234

                                @Xsev sagte in Material Design Widgets: Line History Chart Widget:

                                Gehen bei dir alle Zeitintervalle?

                                Ja, kommt auf die Einstellungen im History Adapter an und wie lange du schon aufzeichnest.
                                Ebenso auf das eingestellte Time Format.
                                Da musst du experimentieren.

                                XsevX Offline
                                XsevX Offline
                                Xsev
                                wrote on last edited by Xsev
                                #91

                                @sigi234
                                Ah verstehe Danke!
                                Ich nutze zwar SQL aber das wird wurscht sein. Aufzeichungsdaten sind jetzt gut ein Jahr.

                                Edit;
                                Hat super geklappt, 1 und 2 Wochen mag er nicht aber 7 und 14 Tage sind ok :blush: :+1:

                                1 Reply Last reply
                                0
                                • M Offline
                                  M Offline
                                  Marty56
                                  wrote on last edited by
                                  #92

                                  Hallo,

                                  Das Chart "wächst" bei mir immer von rechts nach links, d.h. neue Daten werden immer ganz rechts gezeichnet.
                                  Ist es möglich, dass das Chart von links nach rechts wächst?

                                  HW:NUC (16 GB Ram)
                                  OS: Debian Bullseye, Promox V7, node v16.x npm 8.19.3

                                  1 Reply Last reply
                                  0
                                  • C Coffeelover

                                    @stockics6
                                    Bei mir funktioniert es, indem ich in dem Select Widget bei Werteliste das hier:

                                    1 hour,12 hours,1 day,2 days,7 days,14 days,1 month,2 months

                                    Und in der Beschreibung das hier: (beliebig anpassbar)

                                    1 Stunde,12 Stunden,1 Tag,2 Tage,7 Tage,14 Tage,1 Monat,2 Monate

                                    eingetragen habe.

                                    Edit: verschoben, da Frage Widget Einstellung betrifft

                                    M Offline
                                    M Offline
                                    Marty56
                                    wrote on last edited by
                                    #93

                                    @Coffeelover sagte in Material Design Widgets: Line History Chart Widget:

                                    Edit: verschoben, da Frage Widget Einstellung betrifft

                                    und wo finde ich jetzt die Antwort?

                                    HW:NUC (16 GB Ram)
                                    OS: Debian Bullseye, Promox V7, node v16.x npm 8.19.3

                                    1 Reply Last reply
                                    0
                                    • AxelF1977A Offline
                                      AxelF1977A Offline
                                      AxelF1977
                                      wrote on last edited by AxelF1977
                                      #94

                                      Worüber ich gerade so nachdenke, kann man auch genaue Zeiträume, für den Zeitstrahl, zur Auswahl nutzen?

                                      Also entweder 01.11.2019 - 01.12.2019 oder November bis Januar, oder 2 Monate ab 01.11.2019

                                      Ich finde es ungünstig mir z.B. 12 Monate anzeigen zu lassen, weil ich genaue Werte aus November brauche, weil ich z.B. meinem Vermieter was nachweisen muss.

                                      Geht das, kann das bei einem Update integriert werden??

                                      ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                                      M 1 Reply Last reply
                                      0
                                      • Thomas SchulzeT Offline
                                        Thomas SchulzeT Offline
                                        Thomas Schulze
                                        wrote on last edited by
                                        #95

                                        Bei mir wir nur der "Ladekreis" angezeigt. Zuvor ging es noch.
                                        Auch wenn ich ein neues(leeres) Widget reinziehe habe ich das selbe Phänomen.
                                        In der Console(Chrome) wird mir folgendes ausgespuckt. Keine Ahnung ob dies damit zusammenhängt.

                                        lib.min.js:3 Uncaught (in promise) TypeError: Cannot read property 'getBasePixel' of undefined
                                        at n.updateElement (lib.min.js:3)
                                        at n.update (lib.min.js:3)
                                        at n._update (lib.min.js:3)
                                        at n.reset (lib.min.js:3)
                                        at lib.min.js:4
                                        at Object.each (lib.min.js:2)
                                        at rr.update (lib.min.js:4)
                                        at rr.construct (lib.min.js:4)
                                        at new rr (lib.min.js:4)
                                        at widgets.min.js:3

                                        Wäre um jede Hilfe dankbar!

                                        C 1 Reply Last reply
                                        0
                                        • Thomas SchulzeT Thomas Schulze

                                          Bei mir wir nur der "Ladekreis" angezeigt. Zuvor ging es noch.
                                          Auch wenn ich ein neues(leeres) Widget reinziehe habe ich das selbe Phänomen.
                                          In der Console(Chrome) wird mir folgendes ausgespuckt. Keine Ahnung ob dies damit zusammenhängt.

                                          lib.min.js:3 Uncaught (in promise) TypeError: Cannot read property 'getBasePixel' of undefined
                                          at n.updateElement (lib.min.js:3)
                                          at n.update (lib.min.js:3)
                                          at n._update (lib.min.js:3)
                                          at n.reset (lib.min.js:3)
                                          at lib.min.js:4
                                          at Object.each (lib.min.js:2)
                                          at rr.update (lib.min.js:4)
                                          at rr.construct (lib.min.js:4)
                                          at new rr (lib.min.js:4)
                                          at widgets.min.js:3

                                          Wäre um jede Hilfe dankbar!

                                          C Offline
                                          C Offline
                                          Coffeelover
                                          wrote on last edited by
                                          #96

                                          @Thomas-Schulze auf welchem Wert steht dein Timeout denn? Ggf mal erhöhen

                                          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

                                          629

                                          Online

                                          32.6k

                                          Users

                                          82.1k

                                          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