Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.2.x

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • liv-in-sky
      liv-in-sky @sigi234 last edited by Scrounger

      @sigi234 alles probiert - auch wenn die befehle anders heißen 🙂 - es dreht und dreht sich

      iobroker stop vis

      Edit: verschoben, da Funktion / Fehler betrifft

      sigi234 2 Replies Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @liv-in-sky last edited by Scrounger

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

        auch wenn die befehle anders heißen

        Geändert

        Edit: verschoben, da Funktion / Fehler betrifft

        1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @liv-in-sky last edited by Scrounger

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

          @sigi234 alles probiert - auch wenn die befehle anders heißen 🙂 - es dreht und dreht sich

          iobroker stop vis

          Was steht da bei dir? Läuft bei mir auch nicht Richtig

          Screenshot (2120)_LI.jpg

          Edit: verschoben, da Funktion / Fehler betrifft

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @sigi234 last edited by Scrounger

            @sigi234

            Image 5.png

            Edit: verschoben, da Funktion / Fehler betrifft

            1 Reply Last reply Reply Quote 0
            • C
              Coffeelover last edited by Scrounger

              Bevor ich jetzt meine Charts alle neu aufbaue, möchte ich kurz die Reihenfolgen klären: Ich uploade zunächst VIS und ziehe dann die Adapter neu rein und passe an? Die Version 0.2.69 ist bereits installiert.

              Edit: verschoben, da Funktion / Fehler betrifft

              sigi234 1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @Coffeelover last edited by Scrounger

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

                dann die Adapter neu rein

                Welche Adapter? Du meinst das Widget.

                Edit: verschoben, da Funktion / Fehler betrifft

                C 1 Reply Last reply Reply Quote 0
                • C
                  Coffeelover @sigi234 last edited by Scrounger

                  @sigi234 Ja, genau. Tippfehler. Widgets neu reinziehen.

                  Edit: verschoben, da Funktion / Fehler betrifft

                  1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Scrounger last edited by liv-in-sky

                    @Scrounger

                    hoffentlich poste ich diesmal im richtigen thread

                    habe ein seltsames problem

                    habe das menu app widget - eine hauptseite mit 3 widgets - menu app, view8 und MDalarm - wenn ich einen refresh auf die seite mache kommt fehler in view - wenn ich dann einen unterpunkt auswähle kommt die ansicht - alle views sind definiert und da

                    hast du eine ahnung, was das sein könnte ?

                    smart17.gif

                    Scrounger 1 Reply Last reply Reply Quote 0
                    • Scrounger
                      Scrounger Developer @liv-in-sky last edited by

                      @liv-in-sky sagte in Test Adapter Material Design Widgets v0.2.x:

                      @Scrounger

                      hoffentlich poste ich diesmal im richtigen thread

                      Kein Problem, ich verschiebe es dann ja entsprechend, wenns nicht passt 😉

                      habe ein seltsames problem

                      habe das menu app widget - eine hauptseite mit 3 widgets - menu app, view8 und MDalarm - wenn ich einen refresh auf die seite mache kommt fehler in view - wenn ich dann einen unterpunkt auswähle kommt die ansicht - alle views sind definiert und da

                      Zwei Möglichkeiten:

                      • Du hast keine View für All hinterlegt
                      • kein gemeinsamer Datenpunkt (type: number) für TopAppBar und View in Widget 8. Spircht dafür, weil nach dem reload dann eigentlich die View TV wieder geladen werden müsste.
                      liv-in-sky 2 Replies Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Scrounger last edited by liv-in-sky

                        @Scrounger das kommt auch noch oft - es ist auch bei jedem umschalten dieser fehler zu sehen - nur kurz

                        Image 1.png

                        • der gemeinsam datenpunkt ist number und wenn ich von hand etwas eingebe, reagiert die vis auch und schaltet um

                        • das ganze hatte schon funktioniert und ist 1,2 wochen gelaufen - ich kann leider nicht nehr nachvollziehen, wann das problem kam

                        • was meinst du mit view für "All" -
                          Image 2.png

                        1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Scrounger last edited by liv-in-sky

                          @Scrounger hier noch ein bild - das passiert, wenn ich von hand in den gemeinsamen datenpunkt die zahlen eingebe
                          smart17.gif

                          Scrounger 1 Reply Last reply Reply Quote 0
                          • Scrounger
                            Scrounger Developer @liv-in-sky last edited by Scrounger

                            @liv-in-sky
                            Die Warnmeldung kommt nicht vom MDW Adapter.

                            Ich hab an der TopAppBar seit Wochen nichts am Code geändert, d.h. du musst irgendwas bei dir verändert ahben, was zu diesem Phänomen führt - View Name geändert, Adapter updates, Irgend ne Einstellung verändert.
                            Im Zweifel mal beide Widgets mal löschen und neu erstellen. Sorry mehr fällt mir aktuell dazu auch nicht ein.

                            Was sehr komisch ist, dass du auf der View - Menüpunkt Name 'TV' bist, einen Reload machst und dann der Menüpunkt 'All' ausgewählt ist. Das spricht dafür das der DP nicht funktioniert.

                            liv-in-sky 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Scrounger last edited by

                              @Scrounger habe mal anderen datenpunkt und NUR das view8 genommen - ist die selbe reaktion - etwas anderer fehler
                              wird wohl nicht an deinem widget liegen - sagen dir die meldungen irgendwas ?

                              Image 3.png

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

                                @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger

                                Hallo, die Charts werden im Edit Modus angezeigt, aber in der Runtime nicht?

                                Screenshot (2110).png

                                Edit: verschoben, da Funktion / Fehler betrifft

                                Hallo, den Fehler habe ich noch immer. Keine Ahnung warum.

                                1 Reply Last reply Reply Quote 0
                                • S
                                  stockics6 @Scrounger last edited by stockics6

                                  Kann mir jemand ein Layout für den "Line History Chart" zur Verfügung stellen?

                                  Möchte gerne 6 Temperaturwerte in einem Chart darstellen und einzelnd auswählen können, leider bekomme ich es aber nicht hin.
                                  Im VIS wird er mir ab und zu mal angezeigt aber im Browser wiederum nicht.
                                  16872b53-995b-40f2-92cf-d8151014e8a4-grafik.png

                                  Danke!

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @stockics6 last edited by

                                    @stockics6 ich habe den fehler auch - die frage war schon etwas früher- würde aber leider nicht beantwortet

                                    1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer last edited by

                                      @Mic sagte in [Vorlage] Google Charts Beispiel:

                                      @Negalein
                                      Super, so soll das sein 😎

                                      Ich überlege gerade, ob man nicht auch das "Line History Chart" vom Materials Design Widget Adapter von @Scrounger nutzen könnte alternativ. Also noch zu prüfen, ob das Widghet ausschließlich "History"-Datenpunkte akzeptiert oder auch eigene zur Darstellung.

                                      Hab ein neues Widget hinzugefügt, JSON Chart. Als Quelle wird ein DP mit json string benötigt und man kann bar und line Charts mischen.

                                      Alle verwendbraren Properties sind hier beschrieben:
                                      https://github.com/Scrounger/ioBroker.vis-materialdesign#json-chart

                                      Beispiel:

                                      {
                                      	"axisLabels": ["Jan", "Feb", "Mrz", "asdsd"],
                                      	"graphs": [
                                      		{
                                      			"data": ["80.4879", "40", "10", "30"],
                                      			"legendText": "legend data 1",
                                      			"type": "bar",
                                      			"color": "blue",
                                      			"barColorHover": "blue",
                                      			"displayOrder": "2",
                                      			"tooltip_AppendText": " %",
                                      			"yAxis_appendix": " %",
                                      			"tooltip_MaxDigits": "1",
                                      			"yAxis_min": "0",
                                      			"yAxis_max": "100",
                                      			"yAxis_color": "red",
                                      			"datalabel_maxDigits": "1"
                                      		}, 
                                      		{
                                      			"data": ["35", "25", "88.1221243132", "10"],
                                      			"legendText": "legend data 2",
                                      			"type": "line",
                                      			"displayOrder": "1",
                                      			"line_Tension": "0.51",
                                      			"line_Thikness": "1",
                                      			"line_UseFillColor": "true",
                                      			"tooltip_MaxDigits": "1",
                                      			"tooltip_AppendText": " $",
                                      			"yAxis_appendix": " $",
                                      			"yAxis_position": "right",
                                      			"yAxis_title_text": "axis title",
                                      			"yAxis_title_color": "red",
                                      			"yAxis_title_fontSize": "40",
                                      			"yAxis_title_fontFamily": "Alegreya-BlackItalic",
                                      			"yAxis_gridLines_show": "false"
                                      		},
                                      		{
                                      			"data": ["23", "76", "66", "12"],
                                      			"legendText": "legend data 3",
                                      			"type": "bar",
                                      			"displayOrder": "2",
                                      			"tooltip_AppendText": " %",
                                      			"yAxis_appendix": " %",
                                      			"tooltip_MaxDigits": "1",
                                      			"yAxis_min": "0",
                                      			"yAxis_max": "100",
                                      			"yAxis_color": "red",
                                      			"datalabel_maxDigits": "1",
                                      			"yAxis_id": "0"
                                      		}
                                      	]
                                      }
                                      

                                      6cf18e50-b67c-48c1-b1ba-606c93f2ad8b-grafik.png

                                      Bitte teste den aktuellen master -> v0.2.70.

                                      Widget hat einen Debug Modus:
                                      9013da10-4572-4d36-aac9-5a3dd4039e3f-grafik.png

                                      Wenn dir Fehler aufallen bitte debug modus aktivieren und consolen log vom browser mit posten.

                                      sigi234 Mic 2 Replies Last reply Reply Quote 0
                                      • sigi234
                                        sigi234 Forum Testing Most Active @Scrounger last edited by

                                        @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                        Als Quelle wird ein DP mit json string

                                        Hm, wie und wo lege ich den DP an?

                                        Scrounger 1 Reply Last reply Reply Quote 0
                                        • Scrounger
                                          Scrounger Developer @sigi234 last edited by

                                          @sigi234
                                          Da wo du möchtest. Muss vom String sein - sorry vergess ich immer zu erwähnen 😉

                                          1 Reply Last reply Reply Quote 0
                                          • Mic
                                            Mic Developer @Scrounger last edited by Mic

                                            @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                            Hab ein neues Widget hinzugefügt, JSON Chart.

                                            Super Sache, vielen Dank hierfür 👍
                                            Funktioniert auch soweit gut bei mir.

                                            Ein paar Vorschläge:

                                            1. Tippfehler Property line_Thikness, Thikness --> Thickness

                                            2. y-Achsen-Layout: Wünschenswert wäre noch Option "Achsenberschriftung anzeigen true/false", also wie bei x-Achse. Als Workaround geht aber: Farbe auf transparent setzen.

                                            3. Würde gerne beim Hochwert (y-Achse) Minimum- und Maximum-Grenzen setzen, damit ich mehreren Linien dieselben Min/Max-Grenzen geben kann.
                                              Use Case: Ich zeige die nächsten 7 Tage des daswetter-Adapters an. So sollte es etwa aussehen (nur ein Beispiel, Farben nicht gut gewählt usw.):
                                              xx1.png
                                              So sieht es aus:
                                              xx2.png
                                              D.h. ich möchte beiden Linien dieselben Min/Max-Grenzen für die y-Achse zuordnen, daher wären Properties wie line_boundMin und line_boundMax als JSON-Option sehr nice.
                                              (die Ermittlung der min/max-Werte mache ich über JS - also kein Thema für das Widget)

                                            Möchtest du Github-Issues jeweils für diese Punkte, oder passt das hier? Lege ich gerne an im Fall.

                                            Scrounger 3 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            174128
                                            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