Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. LED Anzeige für VIS - Akku,Pegel,Kreis

    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

    LED Anzeige für VIS - Akku,Pegel,Kreis

    This topic has been deleted. Only users with topic management privileges can see it.
    • Homoran
      Homoran Global Moderator Administrators last edited by

      @liv-in-sky sagte in led kreis für vis:

      sehe nix auf deinem bild ?

      Brille??
      LED_DOTs_003.png

      passt weitestgehend. - SUPER!

      @liv-in-sky sagte in led kreis für vis:

      oste mal den inhalt von : javascript.0.Tabellen@Liv.LED1RingVIS.WidgetAusgabe

      <style>#outerLED1RingVIS{		position: relative;   	height: 90px;   	width: 90px; //250px;   	/*border: 1px solid red;*/   	} 			   	.innerLED1RingVIS{   	position: absolute;   	/*	border: 1px solid black; */   	height: 7.7px;   	width: NaNpx;   	background: silver;   	border-radius: 50%;   	display: flex; /* or inline-flex */   	align-items: center;   	justify-content: center;   	}.inner1LED1RingVIS{  			 background-image: linear-gradient(red 20%, yellow 40%, orange 60%, cyan 80%);}</style><div id="outerLED1RingVIS"><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div></div><script>/*setTimeout(function () { */   	var outer = document.getElementById('outerLED1RingVIS');   	var outerWidth = document.getElementById('outerLED1RingVIS').offsetWidth;   	var outerHeight = document.getElementById('outerLED1RingVIS').offsetHeight;   	for(var i = 0; i < outer.children.length; i++){   	var r = outerWidth / 2 - outerLED1RingVIS.children[i].offsetWidth / 2;   	var phi = i / outerLED1RingVIS.children.length;   	var x = r * Math.cos(phi * 2 * Math.PI) + r;   	var y = r * Math.sin(phi * 2 * Math.PI) + r;   	outerLED1RingVIS.children[i].style.left = x+'px';   	outerLED1RingVIS.children[i].style.top = y+'px';   	console.log(outerLED1RingVIS.children[i].style.left);   	} 			/*}, 10000);*/</script>
      

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Homoran last edited by

        @homoran gut versteckt 🙂

        Homoran 1 Reply Last reply Reply Quote 0
        • Homoran
          Homoran Global Moderator Administrators @liv-in-sky last edited by

          @liv-in-sky welche Farben sind denn zulässig?
          gelb, yellow, gold ohne Erfolg bei AnzahlLEDsEIN 6,Farbe

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Homoran last edited by liv-in-sky

            @homoran deutsch geht nicht

            eigentlich alles z.b.

            • yellow, red, green, blue, lightblue, usw
            • #ffffff , #14f54b , usw

            mit: 6,#14f54b

            Image 3.png

            Homoran 2 Replies Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators @liv-in-sky last edited by

              @liv-in-sky Danke, aber dann muss ich mir erst mal die Regeln erarbeiten 😉

              • Durchmesser des Widgets: ok (auch wenn es nicht zu den Angaben im Skript passt!)
              • Durchmesser der Punkte: ok (auch wenn es nicht zu den Angaben im Skript passt!)
              • Alle LEDs: keine erkennbare Funktion. Was muss da rein?
              • alles aus: keine erkennbare Funktion. Was muss da rein?
              • alles bunt: keine erkennbare Funktion. Was muss da rein?
              • Anzahl LEDs: ok!
              • Anzahl LEDsEIN: keine Wirkung

              Wie stelle ich ein, dass wie viele LEDs eine Farbe, die anderen leer (z.B.=grey) sind?

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @liv-in-sky last edited by

                @liv-in-sky

                EDIT:

                Auf einmal ist da was 😱
                Hab aber jetzt zu viel gespielt, um sagen zu können woran es lag

                1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Homoran last edited by

                  @homoran sagte in led kreis für vis:

                  Alle LEDs: keine erkennbare Funktion. Was muss da rein?

                  nur die farbe

                  @homoran sagte in led kreis für vis:

                  alles aus: keine erkennbare Funktion. Was muss da rein?

                  true

                  @homoran sagte in led kreis für vis:

                  alles bunt keine erkennbare Funktion. Was muss da rein?

                  einfach bunt reinschreiben (oder irgnedetwas) - reagiert auf aktualisierung

                  @homoran sagte in led kreis für vis:

                  Anzahl LEDsEIN: keine Wirkung

                  6,#14f54b anzahl und farbe durch komma getrennt

                  Homoran 1 Reply Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @liv-in-sky last edited by

                    @liv-in-sky ja!
                    so hatte ich mir das gedacht. Hat aber keine Wirkung

                    Ich spiel mal was.
                    Alle LEDs:
                    silver = Regenbogen 😉
                    yellow = gelb!
                    grey, oder clear: nix

                    Anzahl ein, mit Anzahl, Farbname ohne Erfolg, ich teste jetzt mal die HEX

                    liv-in-sky 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Homoran last edited by

                      @homoran seltsam - habe gerade keine idee

                      ich teste noch andere sachen - ich sag dir bescheid, wenn ich ein neue version des scriptes habe

                      Homoran 1 Reply Last reply Reply Quote 1
                      • Homoran
                        Homoran Global Moderator Administrators @liv-in-sky last edited by

                        @liv-in-sky sagte in led kreis für vis:

                        habe gerade keine idee

                        PEBKAC!
                        ich hatte bei JEDER Änderung das Skript neu gestartet.

                        Jetzt klappt es fast so weit.
                        Mein Problem ist, dass das Widget so klein ist, da muss ich vielleicht das Bild etwas vergrößern.

                        Etwas habe ich noch nicht hinbekommen:
                        Wie schaffe ich, dass die nicht aktiven LEDs nicht sichtbar sind?

                        Stelle ich den Datenpunkt Alle LEDs:* auf einen Hexwert der annähernd passend zum Hintergrund geht das:
                        LED_DOTs_004.png

                        sobald ich aber eine Anzahl LEDs sichtbarschalte, ist der Hintergrund anders
                        LED_DOTs_005.png

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Homoran last edited by

                          @homoran sagte in led kreis für vis:

                          sobald ich aber eine Anzahl LEDs sichtbarschalte, ist der Hintergrund anders

                          entweder eine ähnliche farbe eingeben oder "tranparent"

                          das muss aber noch im setting gemacht werden - script ist ja noch in entwicklung

                          Image 4.png

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @liv-in-sky last edited by

                            @liv-in-sky hatte ich da mit transparent oder clear schon versucht.
                            Aber das war noch die Zeit, in der es gar nicht lief

                            Probier ich noch mal

                            liv-in-sky 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Homoran last edited by

                              @homoran

                              für bunt hätte ich noch

                              Image 5.png

                              funktioniert aber nur bei einer led anzahl, die mit 4 teilbar ist - so wie bei dir mit 32

                              habe noch keine idee, wie ich das mathematisch mit beliebiger anzahl mache - ist beim nächsten update dabei

                              Homoran 1 Reply Last reply Reply Quote 0
                              • sigi234
                                sigi234 Forum Testing Most Active @liv-in-sky last edited by

                                @liv-in-sky

                                Cool, gehen auch LED Balken Horizontal und Vertikal?

                                Homoran liv-in-sky 2 Replies Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators @liv-in-sky last edited by

                                  @liv-in-sky
                                  nach nicht zu viel!
                                  (sonst hab ich noch mehr Wünsche)

                                  sieht schon ganz gut aus.
                                  LED_DOTs_006.png

                                  Wo sitzt denn der Anker für die Größe?
                                  ich hab es nicht hinbekommen den Kreis zentriert zu verändern ohne dass die LEDs aus dem Zentrum liefen

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @sigi234 last edited by

                                    @sigi234 sagte in led kreis für vis:

                                    @liv-in-sky

                                    Cool, gehen auch LED Balken Horizontal und Vertikal?

                                    ...und dann noch mit WLED die einzelnen Punkte synchronisieren 😂

                                    liv-in-sky 1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @sigi234 last edited by

                                      @sigi234 dacht ich mir, dass die frage kommt 🙂 - hattest du im anderen thread gefragt

                                      sollte nix dagegensprechen - ist aber ein anderes script bzw braucht völlig andere html settings - wollt' ich eh noch schauen, ob das funktioniert - poste es, wenn ich meine versuche abgeschlossen habe

                                      leider kann ich aus gesundheitlichen gründen nicht mehr soviel zeit aufwenden wie früher - daher: dauert ein wenig

                                      Homoran 1 Reply Last reply Reply Quote 1
                                      • liv-in-sky
                                        liv-in-sky @Homoran last edited by

                                        @homoran

                                        ich denke du solltest die html-widget größe auf die selbe größe wie in den datenpunkten setzen - dann sollte das einen mittelpunkt haben

                                        es ist eigentlich nicht geplant, die "größen" im laufenden betrieb zu ändern, denn dann müßte man im html-widget auch ein binding für die größe des html-widgets machen - damit das zentrum gleich bleibt

                                        1 Reply Last reply Reply Quote 0
                                        • Homoran
                                          Homoran Global Moderator Administrators @liv-in-sky last edited by Homoran

                                          @liv-in-sky sagte in led kreis für vis:

                                          leider kann ich aus gesundheitlichen gründen nicht mehr soviel zeit aufwenden wie früher - daher: dauert ein wenig

                                          Nimm dir alle Zeit - es ist ein Hobby und sollte von den gesundheitlichen Problemen ablenken! Nicht diese verstärken

                                          @liv-in-sky sagte in led kreis für vis:

                                          es ist eigentlich nicht geplant, die "größen" im laufenden betrieb zu ändern

                                          Ist klar, war nur schön, dass das geht um die optimale Größe festzulegen

                                          sigi234 1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Homoran last edited by

                                            @homoran sagte in led kreis für vis:

                                            @sigi234 sagte in led kreis für vis:

                                            @liv-in-sky

                                            Cool, gehen auch LED Balken Horizontal und Vertikal?

                                            ...und dann noch mit WLED die einzelnen Punkte synchronisieren 😂

                                            bei wled : wenn oft änderungen kommen, wird das performance vom tablet abziehen - also z.b um die sekunden , wie in einer uhr anzuzeigen, würde ich das ganze nicht nutzen - daher habe ich auch auf die sekunden in dem anderen thread verzichtet - das läuft bei meinen alten tablets nicht wirklich rund

                                            was ich evtl noch dazu füge sind einzelne leds anzusteuern - mal schauen was sinn macht

                                            ps: leider muss ich mir die zeit nehmen - aber wird schon wieder werden

                                            @homoran sagte in led kreis für vis:

                                            Ist klar, war nur schön, dass das geht um die optimale Größe festzulegen

                                            das geht ja - umständlich - ich weiß - ich schau mal, was mir einfällt

                                            morgen gehts weiter

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            630
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            3
                                            79
                                            3066
                                            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