Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. digitale Anzeige von Werten in VIS

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    digitale Anzeige von Werten in VIS

    This topic has been deleted. Only users with topic management privileges can see it.
    • Nashra
      Nashra Most Active Forum Testing @DJMarc75 last edited by

      @djmarc75 sagte in digitale Anzeige von Werten in VIS:

      @nashra sagte in digitale Anzeige von Werten in VIS:

      aber wie bekomme ich das jetzt hin mit
      dem Wert für die Nachkommastelle?

      dafür gibts diesen Block:

      Screenshot 2023-03-18 093922.png

      Schon richtig, aber ich brauche nur den Wert nach dem Komma, davor den einzelnen Wert habe ich ja schon

      DJMarc75 1 Reply Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @Nashra last edited by

        @nashra sagte in digitale Anzeige von Werten in VIS:

        ich brauche nur den Wert nach dem Komma

        so würde es funktionieren, geht aber bestimmt auch anders und einfacher:

        Screenshot 2023-03-18 100925.png

        Nashra 1 Reply Last reply Reply Quote 0
        • Nashra
          Nashra Most Active Forum Testing @SBorg last edited by

          @sborg sagte in digitale Anzeige von Werten in VIS:

          kpl. Beispiel mit HTML:

          <span style="font-size: 30px;">{d:0_userdata.0.Wetterstation.Aussentemperatur; d.split(".")[0]}.<span style="font-size: 16px;">{d:0_userdata.0.Wetterstation.Aussentemperatur; d.split(".")[1].slice(0,1)}</span></span>
          

          Das ist es 👍
          tempkommaklein.png

          1 Reply Last reply Reply Quote 0
          • Nashra
            Nashra Most Active Forum Testing @DJMarc75 last edited by

            @djmarc75 sagte in digitale Anzeige von Werten in VIS:

            @nashra sagte in digitale Anzeige von Werten in VIS:

            ich brauche nur den Wert nach dem Komma

            so würde es funktionieren, geht aber bestimmt auch anders und einfacher:

            Screenshot 2023-03-18 100925.png

            Binding von @SBorg ist die bessere Lösung 😉

            SBorg 1 Reply Last reply Reply Quote 0
            • SBorg
              SBorg Forum Testing Most Active @Nashra last edited by

              @nashra Ich würde nicht unbedingt besser sagen, eher die elegantere/perfomantere Variante.
              Es ist schlank und aktualisiert sich halt nur wenn man die View aufruft oder darin steht.
              Das Blockly arbeitet halt immer, egal ob man es gerade in der VIS braucht oder nicht.

              Durch das "slice" schneide ich aber brutal die Hundertstel Grad ab. Da die Sensoren aber eh eine Drift von einem Grad haben, wird wohl keiner bemerken ob das 16.48°C oder 16.4°C sind 😉

              Nashra 1 Reply Last reply Reply Quote 0
              • Nashra
                Nashra Most Active Forum Testing @SBorg last edited by Nashra

                @sborg sagte in digitale Anzeige von Werten in VIS:

                @nashra Ich würde nicht unbedingt besser sagen, eher die elegantere/perfomantere Variante.
                Es ist schlank und aktualisiert sich halt nur wenn man die View aufruft oder darin steht.
                Das Blockly arbeitet halt immer, egal ob man es gerade in der VIS braucht oder nicht.

                Durch das "slice" schneide ich aber brutal die Hundertstel Grad ab. Da die Sensoren aber eh eine Drift von einem Grad haben, wird wohl keiner bemerken ob das 16.48°C oder 16.4°C sind 😉

                Das ist eigentlich auch egal mit dem abschneiden.
                War jetzt nur ein bischen gefummel mit dem Hintergrund das es genau übereinander liegt, aber klappt
                tempkommaklein2.png

                1 Reply Last reply Reply Quote 0
                • L
                  leonundjulie @BananaJoe last edited by

                  @bananajoe Ich möchte in meinem VIS-Display diese DIGITALE Schriftart verwenden und finde keinen Hinweis darauf wo man sie laden kann. Erinnerst Du Dich noch wo man die Schriftart findet?

                  BananaJoe 1 Reply Last reply Reply Quote 0
                  • BananaJoe
                    BananaJoe Most Active @leonundjulie last edited by

                    @leonundjulie sagte in digitale Anzeige von Werten in VIS:

                    @bananajoe Ich möchte in meinem VIS-Display diese DIGITALE Schriftart verwenden und finde keinen Hinweis darauf wo man sie laden kann. Erinnerst Du Dich noch wo man die Schriftart findet?

                    Puhh, im Internet nach einer passenden Schriftart suchen und diese als .ttf herunterladen,
                    Diese dann in VIS im Dateimanager hochladen:
                    d85fdc0a-713e-4d41-b160-cf8a890e38f9-image.png
                    Ich habe hier den Pfad/vis.0/main/ttf genommen, also das erste Projekt und einen Unterordner ttf erstellt, die Schrift selbst heißt Digital.ttf
                    Der ganze Pfad ist somit

                    /vis.0/main/ttf/Digital.ttf
                    

                    Im VIS-Projekt auf den Reiter CSS wechseln und folgenden dort hineinschreiben:

                    }
                    @font-face {
                        font-family: 'Digital'; 
                        src: url('/vis.0/main/ttf/Digital.ttf'); 
                    }
                    
                    

                    5d3ce716-44fc-4728-a9b8-a12823d6cfbf-image.png
                    Den Pfad ggf anpassen, den Namen Digital ggf. auch.

                    Ab diesem Moment kannst du den Namen, definiert per font-family überall dort verwenden wo du sonst eine Schriftart auswählst. Einfach eintippen:
                    18468728-69b3-4294-875f-e99d57a4ce8d-image.png

                    L 1 Reply Last reply Reply Quote 0
                    • L
                      leonundjulie @BananaJoe last edited by

                      @bananajoe DANKE! Das hat auf Anhieb geklappt. Bevor ich hier jetzt diverse Fragen zu CSS stelle, bitte ich um Tips bzw. einem Link in dem CSS Funktionalitäten erklärt werden.

                      In meinem speziellem Beispiel möchte ich zB die aktuelle erzeugte Leistung meines PV Systems mit riesigen Zahlen wie auf dem Foto darstellen … aber mit 7-Segement Ziffern (das ist ja schon gelöst 🙂 )
                      IMG_1002.jpeg …. Ich muss die Zahlen also sehr groß machen

                      BananaJoe 1 Reply Last reply Reply Quote 0
                      • BananaJoe
                        BananaJoe Most Active @leonundjulie last edited by BananaJoe

                        @leonundjulie Sorry, aber: https://google.gprivate.com/search.php?search?q=CSS+für+Anfänger
                        Ansonsten gezielt suchen was du willst, z.B, "CSS Blinken", "CSS element ausblenden", "CSS keine Scrollbalken"

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate
                        FAQ Cloud / IOT
                        HowTo: Node.js-Update
                        HowTo: Backup/Restore
                        Downloads
                        BLOG

                        793
                        Online

                        31.6k
                        Users

                        79.5k
                        Topics

                        1.3m
                        Posts

                        8
                        39
                        1580
                        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