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

    habe diesen fehler in chrome: weiß nicht ob das dazugehört - geht man auf widgets.min.js:3 wird etwas mit materialdesign angezeigt

    Image 3.png

    iobroker stop vis
    iobroker upload vis
    iobroker start vis

    Browser Cache leeren

    Edit: verschoben, da Funktion / Fehler betrifft

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

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

    iobroker stop vis

    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

    sigi234S 2 Antworten Letzte Antwort
    0
    • 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
      #830

      @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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          755

                                          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