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

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

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

      @armilar Nochmals die (dumme) Frage: welche Daten muss ich da nehmen. Ziel ist, dass ich den Verbrauch vom Haus im Stundenraster sehe, damit ich erkennen kann, zu welcher Stunde die meiste Energie verbraten wird.

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

        @rene55

        Das kommt darauf an, was du für DP's hast...

        Beispiel String:
        28^14:00~27~31~28~28^18:00~34~31~26~24^22:00~22~14~6~5^2:00~5~5~5~5^6:00~16~14~43~29^10:00~21~23~41

        Da die HMI keine Fließkommazahl verträgt, ist die Umrechnung nicht "/1000", sondern "/100"

        32f9986e-f777-4414-b947-d4c53bdefb15-image.png

        28 bedeutet dann 2,8
        27 bedeutet dann 2,7
        etc...

        Das ganze sieht dann so aus:

        6ed91ebb-bbac-47ff-b95a-4903e8f7faf4-image.png

        Nur im tausender Bereich kannst du keine Werte übermitteln... ist aber auch alles beschrieben...

        let CardChartExample: PageType = 
        {
            'type': 'cardChart',
            'heading': 'Stromzähler L1+L2+L3',
            'items': [{ 
                        id: 'alias.0.NSPanel_1.cardChart', 
                        yAxis: 'Leistung [kW]', 
                        yAxisTicks: [0,10,20,30],
                        onColor: Yellow
                     }]
        };
        

        auch in der Y-Achse ist die Skalierung dann 10 = 1,0; 20 = 2,0 usw...

        1 Reply Last reply Reply Quote 1
        • T
          TT-Tom @Rene55 last edited by TT-Tom

          @rene55 okay, die sind eindeutig zu hoch.
          wenn du im Stunden Raster nutzen möchtest, kannst du mein Script so nicht nehmen, es arbeitet auf Tagesverbrauch.

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

            @rene55

            4304^3~9475~5080~7928~5684~5661~5531~5711^3~5511~5372~5647~5263~4955~4901~4862^4~4991~4812~4809~4860~4931~5912~9183^4~5116~9032~5595~

            Deine xAxisTicks sehen auch sehr merkwürdig aus...

            Was für Werte werden denn aggregiert... Sind das sekündliche Daten? Da stimmt irgendwas grundsätzlich nicht in deinem Script...

            Wenn die TypeScripts zu komplex für dich sind, dann verwende doch das Blockly... macht meines Erachtens genau das was du benötigst...

            T Rene55 2 Replies Last reply Reply Quote 0
            • T
              TT-Tom @Armilar last edited by

              @armilar

              Kommt von meinem Script, es rechnet aber mit Tagen/ Tagesverbrauch. Und die Ticks sind der Tag halt.

              Armilar 1 Reply Last reply Reply Quote 1
              • Armilar
                Armilar Most Active Forum Testing @TT-Tom last edited by Armilar

                @tt-tom

                schon klar, aber wir können unmöglich für jeden Anwendungsfall ein Script erstellen...

                Da muss man ggfs. schon mal etwas im influx-Admin testen, damit die grundsätzliche Abfrage stimmt... 😊

                Und auch ein Blockly lässt sich in JS wandeln, wenn es dann reiner Code sein soll...

                sieht dann wohl so aus:

                var sourceDP, targetDP, AxisXHours, AxisXTicks, Debug, flux, AxisTickCounter, i, queryStunde, queryOutput, queryValue, AxisTicksBool, result;
                
                
                // Example String
                // 7^2:00~7~6^4:00~6~7^6:00~0~7^8:00~5~1^10:00~1~10^12:00~5~6^14:00~8
                // Start Parameter
                sourceDP = 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell';
                targetDP = '0_userdata.0.Test.cardChart.txt';
                AxisXHours = 24;
                AxisXTicks = 5;
                Debug = false;
                // Ende Parameter
                on({id: [].concat(sourceDP), change: "ne"}, async function (obj) {
                  var value = obj.state.val;
                  var oldValue = obj.oldState.val;
                  flux = ['from(bucket: "iobroker")','|> range(start: -24h, stop: now())','|> filter(fn: (r) => r["_measurement"] == "',sourceDP,'")','|> filter(fn: (r) => r["_field"] == "value")','|> aggregateWindow(every: 1h, fn: mean, createEmpty: false)','|> yield(name: "mean")'].join('');
                  sendTo("influxdb.1", "query", flux, async function (result) {
                      AxisTickCounter = 0;
                    var i_inc = 1;
                    if (1 > AxisXHours) {
                      i_inc = -i_inc;
                    }
                    for (i = 1; i_inc >= 0 ? i <= AxisXHours : i >= AxisXHours; i += i_inc) {
                      AxisTickCounter = (typeof AxisTickCounter == 'number' ? AxisTickCounter : 0) + 1;
                      queryStunde = getDateObject(getAttr(JSON.stringify(result, null, 2), (['result.0.',i,'._time'].join('')))).getHours();
                      queryValue = Math.round(parseFloat(parseFloat(getAttr(JSON.stringify(result, null, 2), (['result.0.',i,'._value'].join(''))))) / 100);
                      if (i == 1) {
                        AxisTicksBool = true;
                      } else if (AxisTickCounter == AxisXTicks) {
                        AxisTicksBool = true;
                        AxisTickCounter = 1;
                      } else {
                        AxisTicksBool = false;
                      }
                      if (i == AxisXHours) {
                        if (AxisTicksBool) {
                          queryOutput = [queryOutput,queryValue,'^',queryStunde,':00'].join('');
                        } else {
                          queryOutput = String(queryOutput) + String(queryValue);
                        }
                      } else {
                        if (AxisTicksBool) {
                          queryOutput = [queryOutput,queryValue,'^',queryStunde,':00','~'].join('');
                        } else {
                          queryOutput = [queryOutput,queryValue,'~'].join('');
                        }
                      }
                      if (i == AxisXHours) {
                        queryStunde = (typeof queryStunde == 'number' ? queryStunde : 0) + 1;
                      }
                      if (Debug) {
                        console.log(([i,' - ',queryValue,' - ',queryStunde].join('')));
                      }
                    }
                    setStateDelayed(targetDP, queryOutput, false, parseInt(((0) || "").toString(), 10), false);
                    if (Debug) {
                      console.log(queryOutput);
                    }
                    queryOutput = '';
                    });
                });
                
                Rene55 1 Reply Last reply Reply Quote 1
                • Rene55
                  Rene55 @Armilar last edited by

                  @armilar Ich würde schon selbst versuchen, für meinen evtl. speziellen Anwendungsfall was eigenes zu machen. Dazu muss ich aber vorher verstanden haben, was was bedeutet.

                  Beispiel String: 28^14:00~27~31~28~28
                  Daraus entnehme ich dass um 14:00 Uhr ein Wert von 27 (also 2.7) angezeigt werden soll, um 15 Uhr 31, 16 Uhr 28 und um 17 Uhr auch 28, und dann kommt die nächste Sequenz ab 18:00 Uhr. Was bedeutet die 28 und das ^ ?

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

                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                    Was für Werte werden denn aggregiert...

                    Ich habe einen Lesekopf für meinen Stromzähler, der liefert mir quasi im Sekundentakt die Messwerte, hier den kumulierten Verbrauch aller drei Phasen. Damit die DB (und das Script) keine dicken Backen bekommt, lasse ich den Wert 'nur' alle 10 Sekunden in die DB schreiben. Den Datenpunkt wollte ich nehmen um das zu realisieren (... und später so etwas mit Gas).

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

                      @rene55

                      Was für Werte werden denn aggregiert...

                      glaubst du wirklich, dass in den Chart 8640 Balken gehen? Wie lang wär denn so ein String an das Panel?

                      Wenn du die Spitzen pro Stunde möchtest, dann aggregiere mit max/h ansonsten mit mean/h

                      ^Wert sind die xAxisTicks mit Wert

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

                        @armilar Nee natürlich nicht, mir würden tatsächlich 24 Balken für einen Tag reichen. Und dann haben wir das nächste Problem: von Influx keine Ahnung!

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

                          @rene55

                          ... und warum machst du es dann nicht mit der fertigen Lösung im Wiki??? 😉

                          Bei influxDB2 kann ich dir nicht helfen...

                          Rene55 2 Replies Last reply Reply Quote 0
                          • E
                            eMd last edited by

                            Schon mal jemand das Problem gehabt das beim an tippen der Bildschirm schwarz wird und dann nach ein paar Sekunden wiederkommt und das als dauerschleife? Komme dadurch in kein Menü per bis ich in die Tasmota Oberfläche gehe und Neustarte...

                            Wonkann ich da auf Fehlersuche gehen?

                            MfG
                            eMd

                            Armilar theknut 2 Replies Last reply Reply Quote 0
                            • Rene55
                              Rene55 @Armilar last edited by

                              @armilar weil ich weder das Blockly noch das Script von TT-Tom ans laufen bekomme . 😞 Sorry

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

                                @armilar Ich war dem Frust eben recht nahe. Habe jetzt aus dem Script von TT-Tom und dem Blockly was zusammenkopiert. Und schon sieht man, wie es aussehen könnte.

                                NSP_Stromzähler.jpg

                                Sorry für meine vielen Fragen. Ich muss wohl mal einen Kurs für das NSPanel belegen.

                                Armilar A 2 Replies Last reply Reply Quote 1
                                • Armilar
                                  Armilar Most Active Forum Testing @Rene55 last edited by

                                  @rene55 sagte in SONOFF NSPanel mit Lovelace UI:

                                  Habe jetzt aus dem Script von TT-Tom und dem Blockly was zusammenkopiert. Und schon sieht man, wie es aussehen könnte.

                                  Das sieht schon sehr gut aus. Mit Druck auf den jeweiligen Balken sollte auch der Wert angezeigt werden 😉

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

                                    @armilar Ja, das macht er (oder es). 😌

                                    1 Reply Last reply Reply Quote 1
                                    • A
                                      australien @Rene55 last edited by

                                      @rene55 sieht gut aus, welche Script und Blocky verwendest du da?

                                      Rene55 1 Reply Last reply Reply Quote 0
                                      • Rene55
                                        Rene55 @australien last edited by

                                        @australien Wie oben schon beschrieben. Ich hab mir aus dem Blockly (https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardchart-ab-ts-script-v370) und dem Script (https://github.com/tt-tom17/MyScripts/blob/main/Sonoff_NSPanel/Balkenchart_InfluxDB_to_NSPanel.ts) was zusammengebastelt. Ist aber noch nicht so, dass man es vorzeigen könnte. Läuft ja erst seit wenigen Minuten. Wenns Fertig ist zeig ich das natürlich hier (wenn ich darf).

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

                                          @emd

                                          Falls du nähere Infos hast, würde es mich natürlich interessieren. Habe es zwar noch nicht gehabt, aber evtl. kannst du dann mal kurz ne Cam drauf halten?

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

                                            @rene55 sagte in SONOFF NSPanel mit Lovelace UI:

                                            Wenns Fertig ist zeig ich das natürlich hier (wenn ich darf).

                                            natürlich 😊

                                            Armilar Rene55 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            919
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            261
                                            7171
                                            4842688
                                            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