Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Progress Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Progress Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer last edited by Scrounger

      Progress Widget | Progress Circular Widget

      progress.gif

      Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

      Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

      • Dokumentation Progress
      • Dokumentation Circular
      • Online Beispiel

      Themen zu anderen Widgets findest du hier!

      CKMartens Frank Zoellner K N 4 Replies Last reply Reply Quote 2
      • CKMartens
        CKMartens @Scrounger last edited by

        @Scrounger
        Guten Morgen,
        ich habe eine Frage zu den Progress Bar. Ist es möglich als Bedingung einen Datenpunkt anzugeben?
        7dd6419a-244a-4838-a20b-507070a9c068-image.png

        Im Moment akzeptiert das Widget das leider nicht.

        H Scrounger 2 Replies Last reply Reply Quote 0
        • H
          heinzie @CKMartens last edited by

          @CKMartens sagte in Material Design Widgets: Progress Widget:

          Progress Bar.

          vielleicht nicht schön, aber man könnte mehrere mit verscheidenen Farben übereinander legen, und dann über eine Bedingung die Sichtbarkeit ein bzw. ausschalten

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

            @CKMartens sagte in Material Design Widgets: Progress Widget:

            @Scrounger
            Guten Morgen,
            ich habe eine Frage zu den Progress Bar. Ist es möglich als Bedingung einen Datenpunkt anzugeben?

            Schreib bitte nen Issue auf github, dann schau ich es mir mal an

            CKMartens 1 Reply Last reply Reply Quote 1
            • CKMartens
              CKMartens @Scrounger last edited by

              Hallo @Scrounger

              Schreib bitte nen Issue auf github, dann schau ich es mir mal an

              ich habe gesehen das Du das Issue wieder geschlossen hast. Evtl. habe ich mich falsch ausgedrückt. Du hast eingebaut das die Farben als OID angegeben werden kann. Ich habe Dich gefragt ob es möglich die Bedingung als OID anzugeben ist.

              Ich habe einen Reifeschrank gebraut und will den mit der VIS Steuern. Und da würde ich in einer Statusbar gerne angeben wenn der eingestellte Soll-Wert den Ist-Wert , der in einem DP abgelegt ist, überschreitet.

              4d7b86c0-7f31-4846-b638-490ecb86eced-image.png

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

                @CKMartens sagte in Material Design Widgets: Progress Widget:

                ich habe gesehen das Du das Issue wieder geschlossen hast. Evtl. habe ich mich falsch ausgedrückt. Du hast eingebaut das die Farben als OID angegeben werden kann. Ich habe Dich gefragt ob es möglich die Bedingung als OID anzugeben ist.

                Das geht per Binding.

                CKMartens 1 Reply Last reply Reply Quote 1
                • CKMartens
                  CKMartens @Scrounger last edited by

                  @Scrounger

                  Danke für die Info. Funktioniert einwandfrei

                  1 Reply Last reply Reply Quote 0
                  • D
                    Dirni last edited by

                    Könnte mir jemand sagen wie ich das Progress Widget rund bekommen ? Und ein kleines Beispiel für das Binding Thema ?

                    lg Danke

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

                      @Dirni
                      Wie rund? Das ist ein eigenes Widget

                      c34579cc-fe3a-47ba-85b4-a3f2cea2371e-grafik.png

                      liv-in-sky D 2 Replies Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Scrounger last edited by

                        @Scrounger

                        hi

                        kann man das als object id (binding) im progress widget einsetzen?

                        {wert:controll-own.0.AAATEST.TestZahl2;Math.floor(wert/60)} 
                        
                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @liv-in-sky last edited by

                          @liv-in-sky sagte in Material Design Widgets: Progress Widget:

                          kann man das als object id (binding) im progress widget einsetzen?

                          {wert:controll-own.0.AAATEST.TestZahl2;Math.floor(wert/60)} 
                          

                          Das wird nicht funktionieren, weil Object Id immer eine gültige Id eines Datenpunktes erwartet. Wenn dein Binding aufgelöst wird, ist das aber eine Zahl.

                          1 Reply Last reply Reply Quote 1
                          • D
                            Dirni @Scrounger last edited by Dirni

                            @Scrounger

                            Das gibt es bei mir aber nicht ?

                            04c83730-a3c6-4c9f-a786-ab8c6918c4b4-image.png

                            und wo setzt man das binding ein ?

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

                              @Dirni sagte in Material Design Widgets: Progress Widget:

                              Das gibt es bei mir aber nicht ?

                              04c83730-a3c6-4c9f-a786-ab8c6918c4b4-image.png

                              Welche MDW Version?
                              Welchen Browser verwendest du?
                              Sind auch wirklich keine Filter gesetzt?
                              Consolen Log (F12) nach Laden des VIS Editors zur Verfügung stellen

                              P 1 Reply Last reply Reply Quote 0
                              • D
                                Dirni last edited by

                                OK hab mal ein Update gemacht nun habe ich ihn auch Danke dir

                                Aber das mit den Bindings habe ich immer noch nicht verstanden

                                1 Reply Last reply Reply Quote 0
                                • P
                                  Phinix @Scrounger last edited by Phinix

                                  Hallo zusammen,

                                  ich würde mir gern mit dem Progress Widget meinen CO2 Sensor visualisieren, jedoch schaffe ich es nicht je nach Wertebereich unterschiedliche Farben anzuzeigen (Ampel; grün, orange, rot). Der Balken bleibt konstant grün, egal wie sich der Wert ändert.

                                  Ich habe es auch mit einem Datenpunkt versucht, welchen ich selbst beschreibe. Allerdings genau das gleiche Problem.
                                  Ich verstehe meinen Fehler nicht. Eigentlich sollte es bei dem aktuellen Wert Orange anzeigen?

                                  b8ffcfb5-f86b-475d-9030-c0a794e91f50-image.png

                                  5988ed77-0395-4575-b5c9-35997503e333-image.png

                                  H Scrounger 2 Replies Last reply Reply Quote 0
                                  • H
                                    Happyuser20 @Phinix last edited by

                                    @Phinix said in Material Design Widgets: Progress Widget:

                                    Hallo zusammen,

                                    ich würde mir gern mit dem Progress Widget meinen CO2 Sensor visualisieren, jedoch schaffe ich es nicht je nach Wertebereich unterschiedliche Farben anzuzeigen (Ampel; grün, orange, rot). Der Balken bleibt konstant grün, egal wie sich der Wert ändert.

                                    Ich habe es auch mit einem Datenpunkt versucht, welchen ich selbst beschreibe. Allerdings genau das gleiche Problem.
                                    Ich verstehe meinen Fehler nicht. Eigentlich sollte es bei dem aktuellen Wert Orange anzeigen?

                                    b8ffcfb5-f86b-475d-9030-c0a794e91f50-image.png

                                    5988ed77-0395-4575-b5c9-35997503e333-image.png

                                    Bei mir das gleiche Problem.

                                    Möchte den Kreis als Anzeige für den aktuellen Stromverbrauch nutzen.

                                    Den wechsel von zwei Farben bekomme ich hin aber die dritte nicht!

                                    Es soll so aussehen
                                    -500 W bis 0 W grün (wenn meine Mini-PV mehr liefert als ich verbrauche.
                                    0 W bis ca. 3000 W gelb
                                    alles über 3000 W rot

                                    Gruß
                                    HappyUser20

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

                                      @Phinix sagte in Material Design Widgets: Progress Widget:

                                      ich würde mir gern mit dem Progress Widget meinen CO2 Sensor visualisieren, jedoch schaffe ich es nicht je nach Wertebereich unterschiedliche Farben anzuzeigen (Ampel; grün, orange, rot). Der Balken bleibt konstant grün, egal wie sich der Wert ändert.

                                      @Happyuser20 sagte in Material Design Widgets: Progress Widget:

                                      Bei mir das gleiche Problem.

                                      Scheint ein Bug zu sein, funktioniert nur wenn man Prozent und nicht Wert verwendet.
                                      Bitte schreibt ein Issue auf Github, dann korrigiere ich es zu nächsten Version.

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

                                        @Phinix @Happyuser20

                                        Das ist doch kein Bug. Die Werte für die Farben müssen in Prozent angeben sein, muss ich noch mit in die Doku aufnehmen.

                                        Für folgendes Beispiel

                                        @Happyuser20 sagte in Material Design Widgets: Progress Widget:

                                        b8ffcfb5-f86b-475d-9030-c0a794e91f50-image.png

                                        müssen die Zahlen so eingeben werden:

                                        a5acfdd1-bf14-46cb-b50e-81acf3db1d5c-grafik.png

                                        P 1 Reply Last reply Reply Quote 1
                                        • P
                                          Phinix @Scrounger last edited by

                                          @Scrounger
                                          Ah jetzt funktionierts, danke 😊

                                          1 Reply Last reply Reply Quote 0
                                          • ub.privat
                                            ub.privat last edited by

                                            @Scrounger

                                            besteht die Möglichkeit der Anmation in Abhängigkeit eines Wertes (>0)
                                            962c46ff-34ca-45a7-97d2-4d7952885668-grafik.png

                                            Die Animation soll erst erfolgen, wenn der Wert größer 0 ist.

                                            Scrounger 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            840
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            16
                                            60
                                            5023
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo