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.9k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Line History Chart Widget

Scheduled Pinned Locked Moved Visualisierung
vis
202 Posts 61 Posters 41.5k 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.
  • 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
                • Thomas SchulzeT Offline
                  Thomas SchulzeT Offline
                  Thomas Schulze
                  wrote on last edited by
                  #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 Reply Last reply
                  1
                  • Thomas SchulzeT Thomas Schulze

                    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 Offline
                    AxelF1977A Offline
                    AxelF1977
                    wrote on last edited by
                    #98

                    @Thomas-Schulze sagte in Material Design Widgets: Line History Chart Widget:

                    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?

                    Recht weit unten, unter Layout der Liniendiagramm, gibt es jeweils pro Datenpunkt

                    92c65ac2-928b-4da8-b745-2d1bc6c73d45-image.png

                    Nein im Dropdown wählen und dann ist die Beschriftung an den Linien im Diagramm weg

                    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

                    1 Reply Last reply
                    0
                    • stephan1827S Offline
                      stephan1827S Offline
                      stephan1827
                      wrote on last edited by
                      #99

                      Hallo,
                      erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                      Schöne Grüße

                      Stephan

                      Agria4800A ScroungerS 2 Replies Last reply
                      1
                      • stephan1827S stephan1827

                        Hallo,
                        erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                        Schöne Grüße

                        Stephan

                        Agria4800A Offline
                        Agria4800A Offline
                        Agria4800
                        wrote on last edited by
                        #100

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

                        Hallo,
                        erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                        Schöne Grüße

                        Stephan

                        Das würde mich auch interessieren...
                        Ist das möglich?

                        1 Reply Last reply
                        0
                        • AxelF1977A AxelF1977

                          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??

                          M Offline
                          M Offline
                          MarEhg
                          wrote on last edited by MarEhg
                          #101

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

                          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??

                          Das würde mich auch brennend interessieren!

                          Oder ggf. den Endwert der x-Achse vorgeben? Somit kann ich alle Widgets auf einer Seite synchronisieren!

                          1 Reply Last reply
                          1
                          • stephan1827S stephan1827

                            Hallo,
                            erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                            Schöne Grüße

                            Stephan

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

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

                            Hallo,
                            erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                            Schöne Grüße

                            Stephan

                            @Agria4800 & @MarEhg

                            Nein das ist leider nicht möglich. Sowas könnt ihr aber mit dem JSON Chart realisieren.

                            liv-in-skyL 1 Reply Last reply
                            0
                            • Thomas SchulzeT Offline
                              Thomas SchulzeT Offline
                              Thomas Schulze
                              wrote on last edited by
                              #103

                              Ich habe ein anderes Problem. Ich habe einige Charts in meiner View.
                              Meine "Startview" ist zb. Erdgeschoss. Wenn ich dann über meine Navigation zu der View wechsele wo die Charts enthalten sind sehe ich für einen Bruchteil der Sekunde die Charts und danach sind sie nicht mehr Sichtbar. was ich noch sehe das ist das "reshresh-icon" (alle 1 min ist das eingestellte Resfreshintervall). Aktualisiere ich die Seite, werden alle Charts angezeigt.
                              Hat zufällig noch jemand das Problem und eine Lösung parat? Mit chartTimeout und z-Index habe ich schon rum gespielt aber ohne Erfolg.

                              1 Reply Last reply
                              0
                              • ScroungerS Scrounger

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

                                Hallo,
                                erstmal besten Dank für die tollen Widgets. Ist es möglich bei dem Chart ein konkretes Datum vorzugeben oder zu Bättern. Wenn ich das Zeitintervall auf eine Stunde gestellt habe will ich zum Beispiel eine Stunde vor oder zurück blättern. Wenn ich einen Tag eingestellt habe entsprechend einen Tag.

                                Schöne Grüße

                                Stephan

                                @Agria4800 & @MarEhg

                                Nein das ist leider nicht möglich. Sowas könnt ihr aber mit dem JSON Chart realisieren.

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                wrote on last edited by
                                #104

                                @Scrounger

                                könntest du mir bitte einen kleinen tipp gebne, wie ich den abstand wegbekomme (roter pfeil) - habe gesucht und den trick nicht gefunden

                                Image 5.png

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                D ScroungerS 2 Replies Last reply
                                0
                                • liv-in-skyL liv-in-sky

                                  @Scrounger

                                  könntest du mir bitte einen kleinen tipp gebne, wie ich den abstand wegbekomme (roter pfeil) - habe gesucht und den trick nicht gefunden

                                  Image 5.png

                                  D Offline
                                  D Offline
                                  dos1973
                                  wrote on last edited by
                                  #105

                                  @liv-in-sky
                                  hast du es mit den Diagramm Optionen versucht? Abstand rechts?

                                  Bildschirmfoto 2020-07-02 um 16.39.04.png

                                  liv-in-skyL 1 Reply Last reply
                                  0
                                  • D dos1973

                                    @liv-in-sky
                                    hast du es mit den Diagramm Optionen versucht? Abstand rechts?

                                    Bildschirmfoto 2020-07-02 um 16.39.04.png

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    wrote on last edited by
                                    #106

                                    @dos1973
                                    hi, ist so eingestellt

                                    Image 8.png

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    1 Reply Last reply
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @Scrounger

                                      könntest du mir bitte einen kleinen tipp gebne, wie ich den abstand wegbekomme (roter pfeil) - habe gesucht und den trick nicht gefunden

                                      Image 5.png

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

                                      @liv-in-sky sagte in Material Design Widgets: Line History Chart Widget:

                                      @Scrounger

                                      könntest du mir bitte einen kleinen tipp gebne, wie ich den abstand wegbekomme (roter pfeil) - habe gesucht und den trick nicht gefunden

                                      Image 5.png

                                      985cfd40-4fb5-4305-adfa-4d4bdd06b665-grafik.png

                                      liv-in-skyL 1 Reply Last reply
                                      1
                                      • ScroungerS Scrounger

                                        @liv-in-sky sagte in Material Design Widgets: Line History Chart Widget:

                                        @Scrounger

                                        könntest du mir bitte einen kleinen tipp gebne, wie ich den abstand wegbekomme (roter pfeil) - habe gesucht und den trick nicht gefunden

                                        Image 5.png

                                        985cfd40-4fb5-4305-adfa-4d4bdd06b665-grafik.png

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        wrote on last edited by
                                        #108

                                        @Scrounger

                                        vielen dank - das war ein setting - ich habe auch noch (keine ahnung warum das an war) das "legenden layout" disabeln müssen

                                        mit legende:
                                        Image 2.png

                                        jetzt passt es - ohne legende:

                                        Image 5.png

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        1 Reply Last reply
                                        0
                                        • M Offline
                                          M Offline
                                          MaikB85
                                          wrote on last edited by MaikB85
                                          #109

                                          Hi,

                                          ich hab ein Problem mein Chart zu "Bedienen". Bei mir ist das in einem Card im Masonry View. Aber ich kann weder Kurven de-/aktivieren, noch wird ein Tooltip am Datenpunkt gezeigt.

                                          Bild Text

                                          Ich vermute es liegt am Masonry View oder den Cards. In einem anderen View wo ich nur ein Chart hab, funktioniert das alles einwandfrei.
                                          Änderungen am Z-Index helfen leider nicht.
                                          Hat jemand eine Lösung?

                                          Gruß Maik

                                          EDIT: komischerweise gehts am iPhone einigermaßen. Sehe auch gerade, dass es in Chrome einwandfrei funktioniert. In Safari nicht (beides unter macOS Catalina)

                                          ScroungerS 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

                                          783

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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