Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] Ergebnis eines Javascripts in Widget darstellen

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    [gelöst] Ergebnis eines Javascripts in Widget darstellen

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

      @sigi234
      ich nutze CSS Klassen die den Rest darstellen und klären, dann färbe ich nur noch % davon ein.

      In diesem Fall die mdui-h-bargraph und mdui-segment-10 vom material design paket von @Uhula

      zu finden unter
      https://github.com/Uhula/ioBroker-Material-Design-Style

      Nils

      sigi234 1 Reply Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @jmeister79 last edited by

        @jmeister79 sagte in [gelöst] Ergebnis eines Javascripts in Widget darstellen:

        @sigi234
        ich nutze CSS Klassen die den Rest darstellen und klären, dann färbe ich nur noch % davon ein.

        In diesem Fall die mdui-h-bargraph und mdui-segment-10 vom material design paket von @Uhula

        zu finden unter
        https://github.com/Uhula/ioBroker-Material-Design-Style

        Nils

        Danke, das kenne ich...............kannst du mal einen Screenshot einstellen?

        jmeister79 1 Reply Last reply Reply Quote 0
        • jmeister79
          jmeister79 @sigi234 last edited by

          @sigi234 zigbee.PNG

          hiervon oder willst du konkreten code?

          sigi234 1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @jmeister79 last edited by

            @jmeister79

            Danke, hab es so:

            Screenshot (3395).png

            jmeister79 1 Reply Last reply Reply Quote 0
            • jmeister79
              jmeister79 @sigi234 last edited by

              @sigi234 sieht gut aus, hattest du auch das problem mit exponentiellem verlauf?

              sigi234 1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @jmeister79 last edited by

                @jmeister79 sagte in [gelöst] Ergebnis eines Javascripts in Widget darstellen:

                @sigi234 sieht gut aus, hattest du auch das problem mit exponentiellem verlauf?

                Meinst du den Farbverlauf?

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

                  Das gefällt mit echt gut, aber irgendwie kann ich euch nicht folgen...

                  @sigi234
                  Hast du den gleichen Weg angewendet?

                  sigi234 1 Reply Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @dos1973 last edited by sigi234

                    @dos1973 sagte in [gelöst] Ergebnis eines Javascripts in Widget darstellen:

                    Hast du den gleichen Weg angewendet?

                    Nein,

                    hier mal 3 verschiedene Widget mit Balkenverlauf. Könnt Ihr anpassen. ( @Uhula material design )

                    Screenshot (3397).png

                    Widget_Farbverlauf_Set.txt

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

                      da fehlen dann noch die css, der blau mit den "Kästchen" interessiert mich
                      mdui-h-bargraph mdui-segment-10

                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @dos1973 last edited by sigi234

                        @dos1973 sagte in [gelöst] Ergebnis eines Javascripts in Widget darstellen:

                        da fehlen dann noch die css

                        Ja, Voraussetzung ist ccs von @Uhula material design!

                        https://github.com/Uhula/ioBroker-Material-Design-Style

                        1. Installation
                          Keine. Die CSS Anweisungen müssen lediglich in einem ioBroker.vis Projekt unter "CSS / Projekt" eingefügt werden, die paar Zeilen Script unter "Skript". Beides am besten aus dem [Demo-Projekt]("ioBroker projects/MD_Demo.zip") entnehmen.
                        1 Reply Last reply Reply Quote 0
                        • D
                          dos1973 last edited by

                          das ist mir zu mächtig 😉
                          da muss ich bestimmt wieder alles umbauen, dann ohne Kästchen...

                          jmeister79 1 Reply Last reply Reply Quote 0
                          • jmeister79
                            jmeister79 @dos1973 last edited by

                            @dos1973
                            dann kopier dir doch die entsprechenden css klassen raus.

                            meine Lösung nutzt ja nur die von @Uhula erzeugte klasse und missbraucht sie ein wenig.
                            Du müsstest selbst bei Übernahme der ganzen CSS Datei nichts umbauen, das ist ja das tolle an @Uhula s Lösung. die kannst Du einfach auf dein vorhandenes Projekt aufsetzen und die CSS klassen nach Bedarf nutzen.
                            So hab ich es anfangs auch gemacht, später hab ich mir dann aber das ganze layout genommen, da es so wunderbar dynamisch ist.

                            Hauptmotivation war bei mir ja, dass man in einem widget nicht so einfach komplexe Berechnungen anstellen konnte. Und ich wollte zusätzliche Objekte für die Umwandlung durch Logarithmus vermeiden.

                            Nils

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

                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            470
                            Online

                            32.0k
                            Users

                            80.4k
                            Topics

                            1.3m
                            Posts

                            vis
                            3
                            16
                            822
                            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