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
    745

  • 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.
  • 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 Online
                  BananaJoeB Online
                  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 Online
                      BananaJoeB Online
                      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

                      621

                      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