Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      tomsport2022 @Armilar last edited by

      @armilar

      Vielen Dank für die ausführliche Beschreibung!

      1 Reply Last reply Reply Quote 0
      • W
        Winnipuuh @Armilar last edited by Winnipuuh

        @armilar Hallo,
        kann es sein das es mit der Influx 1.8 nicht funktioniert?
        Ich erhalte folgende Fehlermeldungen:
        25a506cb-77a3-430a-8e7f-8a68ae7885e2-grafik.png
        dd46d0ac-efc9-4fe9-9be6-7406c71dfda9-grafik.png
        Ist der Sensor so richtig eingefügt?
        const Sensor = [].concat('mqtt.0.openWB.evu.W'); // Gartenhaus.Temperatur

        LG

        Winnipuuh

        N 1 Reply Last reply Reply Quote 0
        • N
          niiccooo1 @Winnipuuh last edited by niiccooo1

          @winnipuuh
          Moin,

          ich nutze ebenfalls influxDB V1.8. Beim Debug spuckt er jedoch folgendes aus:

          31.1.2023, 08:01:00.963	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 1 - NaN - 1
          31.1.2023, 08:01:00.963	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 2 - NaN - 1
          31.1.2023, 08:01:00.963	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 3 - NaN - 1
          31.1.2023, 08:01:00.963	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 4 - NaN - 1
          31.1.2023, 08:01:00.964	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 5 - NaN - 1
          31.1.2023, 08:01:00.964	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 6 - NaN - 1
          31.1.2023, 08:01:00.964	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 7 - NaN - 1
          31.1.2023, 08:01:00.965	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 8 - NaN - 1
          31.1.2023, 08:01:00.965	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 9 - NaN - 1
          31.1.2023, 08:01:00.965	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 10 - NaN - 1
          31.1.2023, 08:01:00.965	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 11 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 12 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 13 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 14 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 15 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 16 - NaN - 1
          31.1.2023, 08:01:00.966	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 17 - NaN - 1
          31.1.2023, 08:01:00.967	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 18 - NaN - 1
          31.1.2023, 08:01:00.967	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 19 - NaN - 1
          31.1.2023, 08:01:00.967	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 20 - NaN - 1
          31.1.2023, 08:01:00.967	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 21 - NaN - 1
          31.1.2023, 08:01:00.968	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 22 - NaN - 1
          31.1.2023, 08:01:00.968	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 23 - NaN - 1
          31.1.2023, 08:01:00.968	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: 24 - NaN - 2
          31.1.2023, 08:01:00.968	[info ]: javascript.0 (624) script.js.NSPanels.cardChart_Stromverbrauch: NaN^1:00~NaN~NaN~NaN~NaN^1:00~NaN~NaN~NaN~NaN^1:00~NaN~NaN~NaN~NaN^1:00~NaN~NaN~NaN~NaN^1:00~NaN~NaN~NaN~NaN^1:00~NaN~NaN~NaN
          

          Anscheinend kann sich das Skript keine Werte aus der DB holen.
          Sieht das bei dir genauso aus?

          VG
          Nico

          EDIT: Habe das Problem finden können: Das Blockly ist nur für InfluxDB V2.x geeignet, da die Abfrage über FluxQL läuft. Für InfluxDB V1.8 muss die Abfrage in InfluxQL erfolgen.

          W 1 Reply Last reply Reply Quote 0
          • W
            Winnipuuh @niiccooo1 last edited by

            @niiccooo1 said in SONOFF NSPanel mit Lovelace UI:

            r InfluxDB V2.x geeignet, da die Abfrage über FluxQL läuft. Für InfluxDB V1.8 muss die Abfrage in InfluxQL erfolgen.

            Hallo niicooo,
            das ist aber schade, da mein Rasp noch auf 32 bit läuft somit kann ich nicht auf Influx2.0 upgraden. Vielleicht kann jemand den code umschreiben für die Influx1.8 🙂

            LG

            Winnipuuh

            Armilar 1 Reply Last reply Reply Quote 0
            • ravenst0ne
              ravenst0ne last edited by

              Mal aus Interesse, auf welchem Gerät/Speicher legt ihr denn eure Influx Datenbank ab? SD Karte vom Pi soll ja nicht so gut sein...

              M 1 Reply Last reply Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @Winnipuuh last edited by Armilar

                @winnipuuh @niiccooo1

                Vielleicht kann jemand den code umschreiben für die Influx1.8 🙂

                Es ist ja eigentlich nur ein anderes Query (SQL statt FLUX) bei der Influx 1.8 oder beim SQL. Versucht es mal (ungetestet) mit austauschen:

                let query = ['SELECT mean("value") ',
                                  'FROM "' + obj.id + '" ', 
                                  'WHERE time >= now() - ' + numberOfHoursAgo + 'h and time <= now() ',
                                  'GROUP BY time(' + numberOfHoursAgo + 'h) ',
                                  'ORDER BY time DESC'].join('');
                

                Falls die Sortierung falsch herum ist, dann noch mal das DESC rausnehmen. Und falls da dann auch wirklich Daten herauskommen, dann gerne bescheid geben. 😊

                EDIT:

                let query =[
                        'from(bucket: "iobroker")',
                        '|> range(start: -' + numberOfHoursAgo + 'h)',
                        '|> filter(fn: (r) => r["_measurement"] == "' + obj.id + '")',
                        '|> filter(fn: (r) => r["_field"] == "value")',
                        '|> drop(columns: ["from", "ack", "q"])',
                        '|> aggregateWindow(every: 1h, fn: last, createEmpty: false)',
                        '|> map(fn: (r) => ({ r with _rtime: int(v: r._time) - int(v: r._start)}))',
                        '|> yield(name: "_result")'].join('');
                

                dafür herausnehmen.

                Die Abfragen liefern immer den Stand der letzten 24 Stunden. Kann natürlich auch verändert werden:

                const numberOfHoursAgo = 24;   // letzen n Stunden
                const xAxisTicksEveryM = 60;   // die X-Achsen-Striche (in diesem Fall jede Stunde)
                const xAxisLabelEveryM = 240;  // die Zeitangaben (in diesem Fall alle 4 Stunden)
                

                Man könnte im SQL-Statement ggfs. auch noch die Group by Zeiten reduzieren.

                W 1 Reply Last reply Reply Quote 0
                • M
                  mading @ravenst0ne last edited by

                  @ravenst0ne SD Karte geht irgendwann kaputt. iob ist auf einem pi4 mit ssd - grafana und influx auf einem pi3 mit sd. wenn die hops geht, habe ich ein Backup bzw, sind die historischen Daten ohnehin für mich nicht so wichtig (alles älter als 6-12M)

                  Armilar 1 Reply Last reply Reply Quote 0
                  • Armilar
                    Armilar Most Active Forum Testing @mading last edited by Armilar

                    @mading @ravenst0ne

                    Für einen Raspi mit SD-Karte sollte man ja neben den ioBroker-Updates ebenfalls Sicherungen z.B. mit dem Backitup-Adapter für Influx, etc. anlegen. Die Haltbarkeit einer SD-Karte ist immer ein Spiel mit dem Feuer... Mir ist dieser Tage, ebenfalls wieder eine SD-Karte (nicht ioBroker und auch keine Datenbank) unreparierbar abgeraucht. Besser auf andere Medien gehen oder langfristig auf eine stabilere Hardware setzen...

                    @ravenst0ne

                    Mal aus Interesse, auf welchem Gerät/Speicher legt ihr denn eure Influx Datenbank ab? SD Karte vom Pi soll ja nicht so gut sein...

                    zu deiner Frage: Ich habe ein QNAP NAS mit einer VM für den ioBroker und einer separaten VM für InfluxDB2 und Grafana im Einsatz.

                    1 Reply Last reply Reply Quote 0
                    • W
                      Winnipuuh @Armilar last edited by

                      @armilar
                      Die Datenquery funktioniert allerdings habe ich noch das Problem das der Info Alias die Daten nicht annimt:
                      e4d044a5-1911-4ee7-9363-b60ef42384d6-grafik.png

                      LG
                      Winnipuuh

                      Armilar 1 Reply Last reply Reply Quote 0
                      • Armilar
                        Armilar Most Active Forum Testing @Winnipuuh last edited by Armilar

                        @winnipuuh

                        Was steht denn im erzeugten Datenpunkt drin? Sollte ja eigentlich ein etwas längerer String (wie gestern als Beispiel abgebildet) sein. Der Info-Alias kann doch einen String verarbeiten!

                        a636b8b4-6346-42f4-9cbe-258cf8f1725e-image.png

                        Bei mir steht unter der Zeile ein "any" = kann alles aufnehmen und role=state . Das wäre auch perfekt!

                        Oder hat der Alias noch keine Daten bekommen?

                        Sieht dann im alias.0. auch super aus:

                        4725a4c1-a800-449d-af10-a8393d4744f4-image.png

                        W 1 Reply Last reply Reply Quote 0
                        • W
                          Winnipuuh @Armilar last edited by Winnipuuh

                          @armilar
                          Das steht bei mir auch 🙂
                          849d90ef-0df8-4fbe-ad43-0812e3c2f582-grafik.png
                          14acbaab-a7c2-4da2-8b09-93d93119bf1c-grafik.png

                          Armilar 1 Reply Last reply Reply Quote 0
                          • Armilar
                            Armilar Most Active Forum Testing @Winnipuuh last edited by Armilar

                            @winnipuuh

                            Dann zeige mal den Inhalt des Datenpunktes

                            EDIT: War parallel 😉

                            Sieht doch eigentlich ganz gut aus. Was macht das Panel draus?

                            P.S.: Falls das Balkendiagramme (cardChart) werden sollen, brauchst du aber ein anderes Script. Die arbeitet nicht mit Koordinaten.

                            Falls es Linien-Diagramme (cardLChart) werden sollen, dann ist das Script (wie gestern gepostet) korrekt.

                            W 2 Replies Last reply Reply Quote 0
                            • W
                              Winnipuuh @Armilar last edited by

                              @armilar
                              So sieht mein Log der querry aus:
                              0f3be9a7-12bb-49c6-bd8b-f81d0623d7bc-grafik.png

                              Der Datenpunkt hat folgenden Inhalt:

                              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~NaN:NaN~NaN:NaN
                              
                              Armilar 1 Reply Last reply Reply Quote 0
                              • W
                                Winnipuuh @Armilar last edited by

                                @armilar said in SONOFF NSPanel mit Lovelace UI:

                                t doch eigentlich ganz gut aus. Was macht das Panel draus?

                                Hab CardLChart drin 🙂

                                let CardChartExample = <PageChart>
                                {
                                    'type': 'cardLChart',
                                    'heading': 'Strom Verbrauch',
                                    'useColor': true,
                                    'items': [<PageItem>{ 
                                                id: 'alias.0.NSPanel.1.CardChart.Verbrauch', 
                                                yAxis: 'Leistung [kW]', 
                                                yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                                                onColor: Yellow
                                             }]
                                };
                                
                                
                                1 Reply Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @Winnipuuh last edited by Armilar

                                  @winnipuuh

                                  Der erste Teil ist die X-Achse:
                                  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

                                  im Zweite Teil sollten die Koordinaten stehen
                                  ~NaN:NaN~NaN:NaN

                                  ~X1:Y1~X2:Y2
                                  Da sind aber keine Daten (NaN) drin...

                                  Für eine saubere Darstellung müsstest du dann die yAxisTicks aktuell zwischen 100 =10,0 und 250=25,0 noch anpassen.
                                  Aber zunächst sollte da kein NaN drin stehen.

                                  Gab es im gewählten Zeitraum (letzte 24h) keine Daten?

                                  W 1 Reply Last reply Reply Quote 0
                                  • W
                                    Winnipuuh @Armilar last edited by

                                    @armilar
                                    Doch Daten werden vom Sensor alle 6 sec. aktualisiert. Das sind Verbrauchsdaten vom EVU. 😞

                                    Armilar 1 Reply Last reply Reply Quote 0
                                    • Armilar
                                      Armilar Most Active Forum Testing @Winnipuuh last edited by

                                      @winnipuuh

                                      Hast du Grafana oder etwas, das dir ein SQL-Statement für diesen Datenpunkt zusammenbauen kann?

                                      W 1 Reply Last reply Reply Quote 0
                                      • W
                                        Winnipuuh @Armilar last edited by Winnipuuh

                                        @armilar
                                        Ja
                                        b05b340b-c4b6-4154-9cec-5a96f8c27584-grafik.png

                                        SELECT mean("value") FROM "0_userdata.0.Strom_Berechnung.Strom" WHERE $timeFilter GROUP BY time($__interval) fill(null)
                                        
                                        Armilar 1 Reply Last reply Reply Quote 0
                                        • Armilar
                                          Armilar Most Active Forum Testing @Winnipuuh last edited by Armilar

                                          @winnipuuh

                                          https://docs.influxdata.com/influxdb/v1.8/query_language/explore-data/

                                          Zur Beschreibung sehe ich im SQL-Statement keine Fehler. Ist

                                          const InfluxInstance = 'influxdb.0';
                                          

                                          die richtige Instanz?

                                          Das einzige was ich da als Unterschied sehe ist die Sortierung.

                                          Die kannst du ja mal rausnehmen:

                                          let query = ['SELECT mean("value") ',
                                                            'FROM "' + obj.id + '" ', 
                                                            'WHERE time >= now() - ' + numberOfHoursAgo + 'h and time <= now() ',
                                                            'GROUP BY time(' + numberOfHoursAgo + 'h)'].join('');
                                          

                                          Ansonsten kann ich bei Influx 1.8 leider nicht unterstützen. Da bräuchtest du jemanden, der ebenfalls eine alte Influx hat.

                                          EDIT:
                                          Doch, mir ist da etwas aufgefallen:
                                          Du verwendest die falschen Datenpunkte

                                          3cd85703-5937-4407-bad6-68d2bdaeb7ac-image.png

                                          hier gehst du in die Abfrage mit mqtt.0.openWB.evu.W

                                          und im Grafana greifst du auf 0_userdata.0.Strom_Berechnung.Strom zu.

                                          Wenn das so wäre, dann ist das ein böser Fehler 😉 , falls mqtt.0.openWB.evu.W nicht in der Influx enthalten wäre.

                                          EDIT 2: Ändere den Datenpunkt im JS-Script mal von mqtt.0.openWB.evu.W auf 0_userdata.0.Strom_Berechnung.Strom

                                          W 1 Reply Last reply Reply Quote 0
                                          • W
                                            Winnipuuh @Armilar last edited by

                                            @armilar
                                            Das habe ich gerade geändert daran liegt es nicht. Dachte das ich zuwenige Daten in der mqtt habe daher hab ich es getauscht 🙂 sorry für die Verwirrung

                                            Die Instanz ist richtig:
                                            7a9ab881-617b-4679-8772-861e3864fa19-grafik.png
                                            Hab die query getauscht leider hat das auch nichr funktioniert 😞
                                            20ee9291-474a-46b9-93a5-fa392b12cf3e-grafik.png

                                            LG
                                            Winnipuuh

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            606
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4291781
                                            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