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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.5k 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.
  • 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 😎

                              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 😎

                                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 😎

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

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • MicM Mic

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

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

                                          @Mic
                                          Danke, bin mir aber ziemlich sicher das Ihr noch was findet was ich nicht bedacht habe 😁

                                          Dann entferne ich mal das Beta Label.

                                          <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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          606

                                          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