Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Farbverlauf für das Element "Progress Circular"

    NEWS

    • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Farbverlauf für das Element "Progress Circular"

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

      Hallo ins Forum!
      Ich möchte für die Anzeige von Batteriekapazitäten das Element "Progress Circular" aus dem Adapter "vis-materialdesign" nutzen. Dieses soll in Abhängigkeit der Batteriekapazität die Farbe wechseln:
      100%: grün (#00FF00)
      0%: rot (#FF0000)
      Es soll so ähnlich aussehen wie das linke "Progress Circular" in der Animation (https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/doc/en/media/progress_circular.gif) auf der Dokumentationsseite.
      Ich habe aber bisher noch nicht herausgefunden, welche Einstellungen der Element-Eigenschaften ich da tätigen muss oder ob ich das über ein Binding zu einem Farbobjekt extern berechnen muss (und welche Formel muss ich da nehmen?).
      Hatte schon mal jemand hier das gleiche Problem und wie hat er das gelöst?

      Viele Grüße aus Dresden
      "Klaus"

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

      Support us

      ioBroker
      Community Adapters
      Donate

      909
      Online

      32.4k
      Users

      81.2k
      Topics

      1.3m
      Posts

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