Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. digitale Anzeige von Werten in VIS

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    755

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

digitale Anzeige von Werten in VIS

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
39 Beiträge 8 Kommentatoren 3.8k Aufrufe 7 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • NashraN Nashra

    @bananajoe sagte in digitale Anzeige von Werten in VIS:

    und bei meiner Temperatur (siehe Bild im ersten Beitrag) habe ich geschummelt. Per Blockly teile ich die Temperatur in Vor- und Nachkomma in 2 Datenpunkte und habe die dann einzeln verknüpft.

    Versuche mich gerade daran obwohl Blockly nicht meine Welt ist.
    Also DP angelegt und Blockly mit
    tempkomma.png
    Der Wert stimmt der jetzt im DP steht, aber wie bekomme ich das jetzt hin mit
    dem Wert für die Nachkommastelle?

    DJMarc75D Offline
    DJMarc75D Offline
    DJMarc75
    schrieb am zuletzt editiert von
    #28

    @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

    Lehrling seit 1975 !!!
    Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
    https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

    NashraN 1 Antwort Letzte Antwort
    0
    • BananaJoeB BananaJoe

      und bei meiner Temperatur (siehe Bild im ersten Beitrag) habe ich geschummelt. Per Blockly teile ich die Temperatur in Vor- und Nachkomma in 2 Datenpunkte und habe die dann einzeln verknüpft.

      ich hatte zwar auch an den Tankstellen-trick gedacht, aber da wird ja eigentlich nur fest eine 9 dargestellt, oder?

      SBorgS Offline
      SBorgS Offline
      SBorg
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #29

      @bananajoe sagte in digitale Anzeige von Werten in VIS:

      und bei meiner Temperatur (siehe Bild im ersten Beitrag) habe ich geschummelt. Per Blockly teile ich die Temperatur in Vor- und Nachkomma in 2 Datenpunkte und habe die dann einzeln verknüpft.

      ich hatte zwar auch an den Tankstellen-trick gedacht, aber da wird ja eigentlich nur fest eine 9 dargestellt, oder?

      Ist tatsächlich nochmal das gleiche Widget auf eine Stelle begrenzt und etwas verkleinert:
      Bild 001.png
      Es gab damals tatsächlich einen Anwender, der bei den Preisen x.xx5 € hatte... ;)


      ...und das mittels Blockly lösen ist nicht unbedingt "best practice". Per Trigger berechnet ihr dann jeden Wert (2.880 pro Tag und Wert bei einem 30 Sekundenintervall), obwohl ihr den nur ein paar mal am Tag braucht wenn ihr die VIS aufruft.

      Binding ist da effizienter, da es nur bei Bedarf ausgeführt wird (und man hat es dort wo es gebraucht wird und nicht zig JS, Blocklys, Flows...):

      {d:0_userdata.0.Wetterstation.Aussentemperatur; d.split(".")[1].slice(0,1)}
      

      Sieht dann (hier Standard-Font) zB. so aus:
      Bild 003.png

      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>
      

      LG SBorg ( SBorg auf GitHub)
      Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

      NashraN 1 Antwort Letzte Antwort
      0
      • DJMarc75D DJMarc75

        @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

        NashraN Offline
        NashraN Offline
        Nashra
        Most Active Forum Testing
        schrieb am zuletzt editiert von
        #30

        @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

        Gruß Ralf
        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        DJMarc75D 1 Antwort Letzte Antwort
        0
        • NashraN Nashra

          @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

          DJMarc75D Offline
          DJMarc75D Offline
          DJMarc75
          schrieb am zuletzt editiert von
          #31

          @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

          Lehrling seit 1975 !!!
          Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
          https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

          NashraN 1 Antwort Letzte Antwort
          0
          • SBorgS SBorg

            @bananajoe sagte in digitale Anzeige von Werten in VIS:

            und bei meiner Temperatur (siehe Bild im ersten Beitrag) habe ich geschummelt. Per Blockly teile ich die Temperatur in Vor- und Nachkomma in 2 Datenpunkte und habe die dann einzeln verknüpft.

            ich hatte zwar auch an den Tankstellen-trick gedacht, aber da wird ja eigentlich nur fest eine 9 dargestellt, oder?

            Ist tatsächlich nochmal das gleiche Widget auf eine Stelle begrenzt und etwas verkleinert:
            Bild 001.png
            Es gab damals tatsächlich einen Anwender, der bei den Preisen x.xx5 € hatte... ;)


            ...und das mittels Blockly lösen ist nicht unbedingt "best practice". Per Trigger berechnet ihr dann jeden Wert (2.880 pro Tag und Wert bei einem 30 Sekundenintervall), obwohl ihr den nur ein paar mal am Tag braucht wenn ihr die VIS aufruft.

            Binding ist da effizienter, da es nur bei Bedarf ausgeführt wird (und man hat es dort wo es gebraucht wird und nicht zig JS, Blocklys, Flows...):

            {d:0_userdata.0.Wetterstation.Aussentemperatur; d.split(".")[1].slice(0,1)}
            

            Sieht dann (hier Standard-Font) zB. so aus:
            Bild 003.png

            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>
            
            NashraN Offline
            NashraN Offline
            Nashra
            Most Active Forum Testing
            schrieb am zuletzt editiert von
            #32

            @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

            Gruß Ralf
            Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            1 Antwort Letzte Antwort
            0
            • DJMarc75D DJMarc75

              @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

              NashraN Offline
              NashraN Offline
              Nashra
              Most Active Forum Testing
              schrieb am zuletzt editiert von
              #33

              @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 😉

              Gruß Ralf
              Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              SBorgS 1 Antwort Letzte Antwort
              0
              • NashraN Nashra

                @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 😉

                SBorgS Offline
                SBorgS Offline
                SBorg
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #34

                @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 ;)

                LG SBorg ( SBorg auf GitHub)
                Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                NashraN 1 Antwort Letzte Antwort
                0
                • SBorgS SBorg

                  @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 ;)

                  NashraN Offline
                  NashraN Offline
                  Nashra
                  Most Active Forum Testing
                  schrieb am zuletzt editiert von Nashra
                  #35

                  @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

                  Gruß Ralf
                  Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Antwort Letzte Antwort
                  0
                  • BananaJoeB BananaJoe

                    @nashra Digital-Schriftart in ioBroker hochgeladen und eingebunden.
                    Auf Z-Ebene 10 dann z.B. 88888 in Schriftfarbe schwarz mit etwas transparenz
                    Auf Z-Ebene 11 dann die eigentliche Zahl in Weiß

                    Die weißen Zahlen haben auch schatten meine ich, vermutlich

                    2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000
                    
                    L Offline
                    L Offline
                    leonundjulie
                    schrieb am zuletzt editiert von
                    #36

                    @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?

                    10x JA-Solar (380Wp) unter 15° gen Süden und 12x JA-Solar (385Wp) unter 10° gen Westen auf Carport, HUAWEI SUN2000 WR

                    Daran HUAWEI LUNA2000, 10kWh

                    Und via Kaskade 8x JA-Solar (385Wp) unter 45° gen Osten und 14x JA-Solar (385Wp) unter 23° gen Westen am 2. HUAWEI SUN2000 WR.

                    SMARTFOX PRO als EMS, KEBA P30-X Wallbox

                    BananaJoeB 1 Antwort Letzte Antwort
                    0
                    • L leonundjulie

                      @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?

                      BananaJoeB Offline
                      BananaJoeB Offline
                      BananaJoe
                      Most Active
                      schrieb am zuletzt editiert von
                      #37

                      @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

                      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                      L 1 Antwort Letzte Antwort
                      0
                      • BananaJoeB BananaJoe

                        @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 Offline
                        L Offline
                        leonundjulie
                        schrieb am zuletzt editiert von
                        #38

                        @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

                        10x JA-Solar (380Wp) unter 15° gen Süden und 12x JA-Solar (385Wp) unter 10° gen Westen auf Carport, HUAWEI SUN2000 WR

                        Daran HUAWEI LUNA2000, 10kWh

                        Und via Kaskade 8x JA-Solar (385Wp) unter 45° gen Osten und 14x JA-Solar (385Wp) unter 23° gen Westen am 2. HUAWEI SUN2000 WR.

                        SMARTFOX PRO als EMS, KEBA P30-X Wallbox

                        BananaJoeB 1 Antwort Letzte Antwort
                        0
                        • L leonundjulie

                          @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

                          BananaJoeB Offline
                          BananaJoeB Offline
                          BananaJoe
                          Most Active
                          schrieb am zuletzt editiert von BananaJoe
                          #39

                          @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"

                          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                          1 Antwort Letzte Antwort
                          0

                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                          Registrieren Anmelden
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

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

                          380

                          Online

                          32.8k

                          Benutzer

                          82.7k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe