Skip to content
  • Home
  • 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

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

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

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

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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.7k Aufrufe 79 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.
  • liv-in-skyL liv-in-sky

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

    iobroker stop vis

    Edit: verschoben, da Funktion / Fehler betrifft

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von Scrounger
    #831

    @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

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

    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • sigi234S sigi234

      @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-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von Scrounger
      #832

      @sigi234

      Image 5.png

      Edit: verschoben, da Funktion / Fehler betrifft

      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 Antwort Letzte Antwort
      0
      • C Offline
        C Offline
        Coffeelover
        schrieb am zuletzt editiert von Scrounger
        #833

        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

        sigi234S 1 Antwort Letzte Antwort
        0
        • C Coffeelover

          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

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von Scrounger
          #834

          @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

          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:

            dann die Adapter neu rein

            Welche Adapter? Du meinst das Widget.

            Edit: verschoben, da Funktion / Fehler betrifft

            C Offline
            C Offline
            Coffeelover
            schrieb am zuletzt editiert von Scrounger
            #835

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

            Edit: verschoben, da Funktion / Fehler betrifft

            1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

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

              @Scrounger
              Hallo, ich habe ein Problem mit dem Dialog View Widget. Und zwar verschiebt es die Widgets in der Anzeige.

              Also ich erkenn da jetzt kein Problem. Der Dialog ist natürlich schmaler und wenn du die Breite der einzelnen Widgets in % angegeben hast, dann ist das Verhalten genau richtig.

              Dann wollte ich Fragen ob es auch möglich ist den Dialog ,ohne einen extra Schalter, zu öffnen?

              Nein.

              Am besten bissle gedulden, überarbeite die Dialog View grade komplett, dann braucht man wahlweise auch keinen extra schalter mehr.

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von liv-in-sky
              #836

              @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

              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

              ScroungerS 1 Antwort Letzte Antwort
              0
              • liv-in-skyL 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

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von
                #837

                @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.

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

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

                liv-in-skyL 2 Antworten Letzte Antwort
                0
                • ScroungerS Scrounger

                  @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-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von liv-in-sky
                  #838

                  @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

                  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 Antwort Letzte Antwort
                  0
                  • ScroungerS Scrounger

                    @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-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von liv-in-sky
                    #839

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

                    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

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

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

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      schrieb am zuletzt editiert von Scrounger
                      #840

                      @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.

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

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

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • ScroungerS 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-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #841

                        @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

                        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 Antwort Letzte Antwort
                        0
                        • sigi234S sigi234

                          @Scrounger

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

                          Screenshot (2110).png

                          Edit: verschoben, da Funktion / Fehler betrifft

                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          schrieb am zuletzt editiert von
                          #842

                          @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.

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

                          1 Antwort Letzte Antwort
                          0
                          • ScroungerS Scrounger

                            @skokarl

                            Lest Euch doch bitte mal die zwei anderen Threads durch, da wurde die Frage inkl. Beispielen bereits beantwortet...

                            https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/174
                            https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/188

                            S Offline
                            S Offline
                            stockics6
                            schrieb am zuletzt editiert von stockics6
                            #843

                            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-skyL 1 Antwort Letzte Antwort
                            0
                            • S 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-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von
                              #844

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

                              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 Antwort Letzte Antwort
                              0
                              • ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von
                                #845

                                @Mic sagte in [Vorlage] Google Charts Beispiel:

                                @Negalein
                                Super, so soll das sein :sunglasses:

                                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.

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

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

                                sigi234S MicM 2 Antworten Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  @Mic sagte in [Vorlage] Google Charts Beispiel:

                                  @Negalein
                                  Super, so soll das sein :sunglasses:

                                  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.

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #846

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

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

                                  ScroungerS 1 Antwort Letzte Antwort
                                  0
                                  • sigi234S sigi234

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

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #847

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

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

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @Mic sagte in [Vorlage] Google Charts Beispiel:

                                      @Negalein
                                      Super, so soll das sein :sunglasses:

                                      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.

                                      MicM Offline
                                      MicM Offline
                                      Mic
                                      Developer
                                      schrieb am zuletzt editiert von Mic
                                      #848

                                      @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 :+1:
                                      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.

                                      ScroungerS 3 Antworten Letzte Antwort
                                      0
                                      • MicM 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 :+1:
                                        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.

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von Scrounger
                                        #849

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

                                        1. Tippfehler Property line_Thikness, Thikness --> Thickness

                                        korrigier ich

                                        1. 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.

                                        gibt schon:

                                        4c410f31-6120-49fb-b51f-41cfe7858399-grafik.png

                                        1. Würde gerne beim Hochwert (y-Achse) Minimum- und Maximum-Grenzen setzen, damit ich mehreren Linien dieselben Min/Max-Grenzen geben kann.

                                        gibts schon:

                                        f957ba56-561b-4296-8180-e7c23e73294d-grafik.png

                                        würde in deinem Fall beiden die gleiche
                                        bb19a605-891b-4b3e-8a10-be33e8763129-grafik.png

                                        geben -> gemeinsame y-achse

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

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

                                        MicM 1 Antwort Letzte Antwort
                                        0
                                        • ScroungerS Scrounger

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

                                          1. Tippfehler Property line_Thikness, Thikness --> Thickness

                                          korrigier ich

                                          1. 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.

                                          gibt schon:

                                          4c410f31-6120-49fb-b51f-41cfe7858399-grafik.png

                                          1. Würde gerne beim Hochwert (y-Achse) Minimum- und Maximum-Grenzen setzen, damit ich mehreren Linien dieselben Min/Max-Grenzen geben kann.

                                          gibts schon:

                                          f957ba56-561b-4296-8180-e7c23e73294d-grafik.png

                                          würde in deinem Fall beiden die gleiche
                                          bb19a605-891b-4b3e-8a10-be33e8763129-grafik.png

                                          geben -> gemeinsame y-achse

                                          MicM Offline
                                          MicM Offline
                                          Mic
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #850

                                          @Scrounger
                                          Perfekt, danke für die Hilfe, hast ja schon wirklich alles bedacht und implementiert. Schön auch die Property yAxis_id, dann muss man nichts zusätzlich programmieren.
                                          :+1:

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          497

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