Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    297

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

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

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T TT-Tom

    @atifan ist die Version 7.1.1 schon stable oder Beta. Aktuell ist doch 7.0.3 stable. Da würde ich auch vorerst bleiben.

    ArmilarA Offline
    ArmilarA Offline
    Armilar
    Most Active Forum Testing
    wrote on last edited by Armilar
    #3216

    @tt-tom

    Auch die 7.0.3 ist eigentlich noch keine stable

    6.4.3 wäre immer noch die aktuelle stable (auch wenn die 7.0.3 mit viel englischen Blockly-Blöcken) bereits funktioniert)

    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

    T 1 Reply Last reply
    0
    • ArmilarA Armilar

      @tt-tom

      Auch die 7.0.3 ist eigentlich noch keine stable

      6.4.3 wäre immer noch die aktuelle stable (auch wenn die 7.0.3 mit viel englischen Blockly-Blöcken) bereits funktioniert)

      T Offline
      T Offline
      TT-Tom
      wrote on last edited by
      #3217

      @armilar

      Von den englischen Blöcken habe ich auch schon gelesen, konnte ich bei mir noch nicht feststellen.

      Gruß Tom
      https://github.com/tt-tom17
      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

      NSPanel Script Wiki
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      NSPanel Adapter Wiki
      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

      ArmilarA 1 Reply Last reply
      0
      • T TT-Tom

        @armilar

        Von den englischen Blöcken habe ich auch schon gelesen, konnte ich bei mir noch nicht feststellen.

        ArmilarA Offline
        ArmilarA Offline
        Armilar
        Most Active Forum Testing
        wrote on last edited by
        #3218

        @tt-tom

        sieht aber lustig denglisch aus:

        869883e6-839e-45cd-bf29-4f25e59166d1-image.png

        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

        1 Reply Last reply
        1
        • GarganoG Offline
          GarganoG Offline
          Gargano
          wrote on last edited by Gargano
          #3219

          Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

          ArmilarA T 2 Replies Last reply
          0
          • GarganoG Gargano

            Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

            ArmilarA Offline
            ArmilarA Offline
            Armilar
            Most Active Forum Testing
            wrote on last edited by
            #3220

            @gargano

            Beispiel für CardLChart:

            0^11:00+60+120+180+240^15:00+300+360+420+480^19:00+540+600+660+720^23:00+780+840+900+960^03:00+1020+1080+1140+1200^07:00+1260+1320+1380~91:231~151:237~211:244~271:246~331:251~391:251~451:251~511:252~571:249~631:247~691:247~751:248~811:244~871:242~931:240~991:240~1051:240~1111:239~1171:238~1231:237~1291:237~1351:231~1411:231

            Beispiel für CardChart:

            0^13:00~1~10~6~1^17:00~0~5~3~4^21:00~6~6~6~6^1:00~5~5~5~5^5:00~5~4~0~10^9:00~1~2~4

            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

            GarganoG 1 Reply Last reply
            0
            • GarganoG Gargano

              Wie muß denn der String aussehen, damit in ChartCard und ChartLCard etwas dargestellt wird ?

              T Offline
              T Offline
              TT-Tom
              wrote on last edited by
              #3221

              @gargano gibt es im Wiki auch fertige Scripte für influx und history.

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              GarganoG 1 Reply Last reply
              0
              • T TT-Tom

                @gargano gibt es im Wiki auch fertige Scripte für influx und history.

                GarganoG Offline
                GarganoG Offline
                Gargano
                wrote on last edited by
                #3222

                @tt-tom Danke , habe ich gesehen. Da aber der Tibber Adapter die Strom Preise für den Tag in einzelnen Objekten ablegt, benötige ich dafür ein eigenes Script.

                ArmilarA 1 Reply Last reply
                0
                • GarganoG Gargano

                  @tt-tom Danke , habe ich gesehen. Da aber der Tibber Adapter die Strom Preise für den Tag in einzelnen Objekten ablegt, benötige ich dafür ein eigenes Script.

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by
                  #3223

                  @gargano

                  Pass bitte auf, das es im Query eine Gruppierung über die Zeit geben sollte, falls die Datenquelle (Influx, SQL, History) zu viele Daten für den Zeitraum zurück geben sollte. Der String an die HMI darf nicht endlos lang sein.

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

                  GarganoG 1 Reply Last reply
                  0
                  • ArmilarA Armilar

                    @gargano

                    Pass bitte auf, das es im Query eine Gruppierung über die Zeit geben sollte, falls die Datenquelle (Influx, SQL, History) zu viele Daten für den Zeitraum zurück geben sollte. Der String an die HMI darf nicht endlos lang sein.

                    GarganoG Offline
                    GarganoG Offline
                    Gargano
                    wrote on last edited by Gargano
                    #3224

                    @armilar Fangen wir mal mit dem vermeintlich einfachen an : cardChart

                    let TibberChart = <PageChart>
                    {
                        "type": "cardChart",
                        "heading": "Strompreis",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [<PageItem>{ 
                                    id: 'alias.0.Tibber.CardChart', 
                                    yAxis: 'Cent', 
                                    yAxisTicks: [0,100,200,300,400,500,600], 
                                    onColor: Yellow
                                 }]
                    };
                    
                    
                    257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11
                    

                    Sieht dann so aus , da sollten doch Balken sein, oder ?:

                    a3adb5cf-a35b-47ef-aa94-ab7f26e52669-image.png

                    Die Werte müssen mit 10 multipliziert werden , richtig ?

                    T 1 Reply Last reply
                    0
                    • GarganoG Gargano

                      @armilar Fangen wir mal mit dem vermeintlich einfachen an : cardChart

                      let TibberChart = <PageChart>
                      {
                          "type": "cardChart",
                          "heading": "Strompreis",
                          "useColor": true,
                          "subPage": false,
                          "parent": undefined,
                          "items": [<PageItem>{ 
                                      id: 'alias.0.Tibber.CardChart', 
                                      yAxis: 'Cent', 
                                      yAxisTicks: [0,100,200,300,400,500,600], 
                                      onColor: Yellow
                                   }]
                      };
                      
                      
                      257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11
                      

                      Sieht dann so aus , da sollten doch Balken sein, oder ?:

                      a3adb5cf-a35b-47ef-aa94-ab7f26e52669-image.png

                      Die Werte müssen mit 10 multipliziert werden , richtig ?

                      T Offline
                      T Offline
                      TT-Tom
                      wrote on last edited by
                      #3225

                      @gargano deine Skala geht bis 600, reduziere sie mal auf 300.

                      Gruß Tom
                      https://github.com/tt-tom17
                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                      NSPanel Script Wiki
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                      NSPanel Adapter Wiki
                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                      1 Reply Last reply
                      0
                      • T Offline
                        T Offline
                        TT-Tom
                        wrote on last edited by TT-Tom
                        #3226

                        @gargano sagte in SONOFF NSPanel mit Lovelace UI:

                        257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11

                        ich habe mal mit deinen Werten getestet. Deine Werte sind bei mir alle Negativ, selbst wenn ich das Vorzeichen anpasse, blieben Sie negativ.
                        Zusätzlich überlagern sich die Werte der y-scale, bei dir zu sehen an 10 und 20 auf dem Bild.

                        welche Version Script und TFT nutzt du?

                        @Armilar kannst du das bitte mal gegenprüfen.

                        vermutlich BUG

                        Gruß Tom
                        https://github.com/tt-tom17
                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                        NSPanel Script Wiki
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        NSPanel Adapter Wiki
                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                        GarganoG ArmilarA 2 Replies Last reply
                        0
                        • T TT-Tom

                          @gargano sagte in SONOFF NSPanel mit Lovelace UI:

                          257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11

                          ich habe mal mit deinen Werten getestet. Deine Werte sind bei mir alle Negativ, selbst wenn ich das Vorzeichen anpasse, blieben Sie negativ.
                          Zusätzlich überlagern sich die Werte der y-scale, bei dir zu sehen an 10 und 20 auf dem Bild.

                          welche Version Script und TFT nutzt du?

                          @Armilar kannst du das bitte mal gegenprüfen.

                          vermutlich BUG

                          GarganoG Offline
                          GarganoG Offline
                          Gargano
                          wrote on last edited by
                          #3227

                          @tt-tom das hängt mit den Werten zusammen. Werte bis 196 werden auch positiv angezeigt, ab 197 ist es dann negativ.
                          Das sind aber auch keine 8Bit signed

                          Script und TFT ist das aktuelle.

                          Mit diesen Werten ist es dann positiv:

                          196~25~24~23~23~24~27~28~26~24~22~18~13~13~13~14~19~22~23~25~27~28~28~26~25~24~23~23~23~24~25~26~26~24~23~22~22~22~23~23~23~24~27~33~35~32~29~26
                          

                          4f4fbb39-1f30-463d-8682-aaaaed50b32c-image.png

                          T 1 Reply Last reply
                          0
                          • GarganoG Gargano

                            @tt-tom das hängt mit den Werten zusammen. Werte bis 196 werden auch positiv angezeigt, ab 197 ist es dann negativ.
                            Das sind aber auch keine 8Bit signed

                            Script und TFT ist das aktuelle.

                            Mit diesen Werten ist es dann positiv:

                            196~25~24~23~23~24~27~28~26~24~22~18~13~13~13~14~19~22~23~25~27~28~28~26~25~24~23~23~23~24~25~26~26~24~23~22~22~22~23~23~23~24~27~33~35~32~29~26
                            

                            4f4fbb39-1f30-463d-8682-aaaaed50b32c-image.png

                            T Offline
                            T Offline
                            TT-Tom
                            wrote on last edited by
                            #3228

                            @gargano

                            das habe ich auch grade rausbekommen. Das sind deine Werte durch 10

                            25.7^0~24.9^1~24.0^2~23.2^3~23.5^4~24.3^5~27.0^6~28.1^7~26.1^8~23.9^9~22.0^10~18.1^11
                            
                            [
                              0,
                              5,
                              10,
                              15,
                              20,
                              25,
                              30
                            ]
                            

                            Gruß Tom
                            https://github.com/tt-tom17
                            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                            NSPanel Script Wiki
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            NSPanel Adapter Wiki
                            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                            1 Reply Last reply
                            0
                            • T TT-Tom

                              @gargano sagte in SONOFF NSPanel mit Lovelace UI:

                              257^0~249^1~240^2~232^3~235^4~243^5~270^6~281^7~261^8~239^9~220^10~181^11

                              ich habe mal mit deinen Werten getestet. Deine Werte sind bei mir alle Negativ, selbst wenn ich das Vorzeichen anpasse, blieben Sie negativ.
                              Zusätzlich überlagern sich die Werte der y-scale, bei dir zu sehen an 10 und 20 auf dem Bild.

                              welche Version Script und TFT nutzt du?

                              @Armilar kannst du das bitte mal gegenprüfen.

                              vermutlich BUG

                              ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              wrote on last edited by
                              #3229

                              @tt-tom

                              Wäre ein zusätzliches Fix für die HMI (geht dann aber an Fumanchi). Kann ihn aber nicht zuordnen.

                              Also dann ein Feature Request mit dem Label "HMI" im github

                              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

                              T 1 Reply Last reply
                              0
                              • ArmilarA Armilar

                                @tt-tom

                                Wäre ein zusätzliches Fix für die HMI (geht dann aber an Fumanchi). Kann ihn aber nicht zuordnen.

                                Also dann ein Feature Request mit dem Label "HMI" im github

                                T Offline
                                T Offline
                                TT-Tom
                                wrote on last edited by
                                #3230

                                @armilar

                                da ist vom März auch noch etwas offen beim LineChart.

                                @Gargano schreibst du etwas dazu?

                                Gruß Tom
                                https://github.com/tt-tom17
                                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                NSPanel Script Wiki
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                NSPanel Adapter Wiki
                                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                GarganoG 1 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  @gargano

                                  Beispiel für CardLChart:

                                  0^11:00+60+120+180+240^15:00+300+360+420+480^19:00+540+600+660+720^23:00+780+840+900+960^03:00+1020+1080+1140+1200^07:00+1260+1320+1380~91:231~151:237~211:244~271:246~331:251~391:251~451:251~511:252~571:249~631:247~691:247~751:248~811:244~871:242~931:240~991:240~1051:240~1111:239~1171:238~1231:237~1291:237~1351:231~1411:231

                                  Beispiel für CardChart:

                                  0^13:00~1~10~6~1^17:00~0~5~3~4^21:00~6~6~6~6^1:00~5~5~5~5^5:00~5~4~0~10^9:00~1~2~4

                                  GarganoG Offline
                                  GarganoG Offline
                                  Gargano
                                  wrote on last edited by
                                  #3231

                                  @armilar Beim CardLChart sind einmal die Daten mit '+' getrennt und einmal mit '~' getrennt.
                                  Was ist da der Unterschied ?
                                  Zudem ist sind auch noch solche Daten :

                                  391:251
                                  
                                  T 1 Reply Last reply
                                  0
                                  • T TT-Tom

                                    @armilar

                                    da ist vom März auch noch etwas offen beim LineChart.

                                    @Gargano schreibst du etwas dazu?

                                    GarganoG Offline
                                    GarganoG Offline
                                    Gargano
                                    wrote on last edited by
                                    #3232

                                    @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

                                    @Gargano schreibst du etwas dazu?

                                    Mach ich

                                    1 Reply Last reply
                                    1
                                    • GarganoG Gargano

                                      @armilar Beim CardLChart sind einmal die Daten mit '+' getrennt und einmal mit '~' getrennt.
                                      Was ist da der Unterschied ?
                                      Zudem ist sind auch noch solche Daten :

                                      391:251
                                      
                                      T Offline
                                      T Offline
                                      TT-Tom
                                      wrote on last edited by TT-Tom
                                      #3233

                                      @gargano

                                      der Teil mit den + sind für die x Achse, der Teil ~time:value~ ist für die Daten, also die Koordinaten im Diagramm

                                      ich kann die aber nicht sagen welchen Wert der Punkt oben rechts hat

                                      Gruß Tom
                                      https://github.com/tt-tom17
                                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                      NSPanel Script Wiki
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      NSPanel Adapter Wiki
                                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                      1 Reply Last reply
                                      0
                                      • E Offline
                                        E Offline
                                        eppi
                                        wrote on last edited by
                                        #3234

                                        Hallo zusammen
                                        Gibt es eine Möglichkeit, das Tasmota Update Popup zu deaktivieren resp die Update Prüfung auszuschalten?

                                        0_userdata.0.NSPanel.1.NSPanel_autoUpdate ist bei mir bereits auf false
                                        

                                        Danke vielmals und Grüsse Eppi

                                        1 Reply Last reply
                                        0
                                        • jomowoJ Offline
                                          jomowoJ Offline
                                          jomowo
                                          wrote on last edited by
                                          #3235

                                          Hallo,
                                          ich bin neu hier, habe aber bereits direkt nach dem Video von Matthias K. mit das NSPanel besorgt und auch zum laufen bekommen (nach verdammt viel Probieren).
                                          Nun wollte ich alles auf den aktuellen Stand bringen, wobei aber das TSkript immer Ferhler rausgespuckt hat, und ich auch gesehhen, dass sich das Berry(wie macht man das eigentlich richtig?), als auch die TFT firmware nicht korrekt updaten lässt, siehe screenshot. Tasmota ist bei 12.5-das klappte.
                                          Mittlerweile habe ich offensichtlich zu oft versucht das TFT zu flashen, dass das Panel nun nur noch "System Data ERROR!" anzeigt (nach dem fehlerhaften flashen irgendwas von "check ERROR",
                                          Hat vielleicht jemand einen Tipp wie ich das Gerät wieder hinbekomme?
                                          Danke euch

                                          e66dbc5f-847c-4372-8200-0e1c823fe609-grafik.png

                                          T ArmilarA 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          263

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe