Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Line History Chart Widget

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

Material Design Widgets: Line History Chart Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
202 Beiträge 61 Kommentatoren 38.5k Aufrufe 62 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.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • saintheinS Offline
      saintheinS Offline
      sainthein
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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.

        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

        C 2 Antworten Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #81

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

          1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • V Offline
                  V Offline
                  vatoslocos
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #86

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

                    V 1 Antwort Letzte Antwort
                    1
                    • C Coffeelover

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

                      V Offline
                      V Offline
                      vatoslocos
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • sigi234S sigi234

                          @smartboart

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

                          View_Charts_sigi234.txt

                          XsevX Offline
                          XsevX Offline
                          Xsev
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 😊 👍

                              1 Antwort Letzte Antwort
                              0
                              • M Offline
                                M Offline
                                Marty56
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • AxelF1977A Offline
                                    AxelF1977A Offline
                                    AxelF1977
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • Thomas SchulzeT Offline
                                      Thomas SchulzeT Offline
                                      Thomas Schulze
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #96

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

                                        1 Antwort Letzte Antwort
                                        0
                                        • Thomas SchulzeT Offline
                                          Thomas SchulzeT Offline
                                          Thomas Schulze
                                          schrieb am zuletzt editiert von
                                          #97

                                          Danke das hat geholfen.
                                          Mal noch ne andere Frage.
                                          Ich finde einfach nicht den Parameter mit dem ich die Werte, welche mir an den Punkten der Linie angezeigt werden, ausblenden lassen kann.
                                          Wo finde diese Einstellung?

                                          AxelF1977A 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          488

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe