SONOFF NSPanel mit Lovelace UI

Armilar

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...

TT-Tom

@armilar

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

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

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

Rene55

@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

@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

@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

@rene55

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

Bei influxDB2 kann ich dir nicht helfen...

eMd

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

Rene55

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

Rene55

@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

@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

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

australien

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

Rene55

@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

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

Armilar

@rene55 sagte in SONOFF NSPanel mit Lovelace UI:

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

natürlich

Armilar

Update v4.3.3.40

Was hast sich geändert?

Bugfix für den Farbtemperatur max-Wert beim RGB-Alias

Der Media-Player für den Squeezebox-Adapter hatte im Laufe der Zeit diverse Bugs... Diese sind jetzt behoben. Zusätzlich hat der Player ein Upgrade erhalten:

Seek Funktion
Elapsed/Duration
Vollständige Anzeige von Artist/Album/Titel

Always On Display

3a7c0a42-2a2a-46d8-8c9c-1e7fe4dbe181-Nextion_Editor_Tduy4neWbs.gif

let SqueezeboxRPC: PageType =
{
  'type': 'cardMedia',
  'heading': 'SqueezeboxRPC',
  'items': [{ 
          id: AliasPath + 'Media.PlayerSqueezeboxRPC', 
          adapterPlayerInstance: 'squeezeboxrpc.0.',
          speakerList: ['SqueezePlay'],
          mediaDevice: 'SqueezePlay',
          playList: ['Playlist'],
          colorMediaIcon: Green,
          colorMediaArtist: Yellow,
          colorMediaTitle: Yellow,
          alwaysOnDisplay: true,
          autoCreateALias : true
       }]
 };

https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

Das Update ist nur erforderlich, wenn der SqueezeboxRPC - Player oder die RGB-Steuerelemente genutzt werden. Den unteren Teil ab:

// _______________ DE: Ab hier keine Konfiguration mehr ________________

ersetzen. Weitere Update-Infos für ältere Releases unter:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

Viel Spaß mit dem SqueezeboxRPC...

@TT-Tom, @ticaki und @Armilar

P.S.:

Der Player bekommt noch eine gesonderte Beschreibung im Wiki...
Da der Media-Alias des SqueezeboxRPC erweitert wurde, sollte dieser vorher gelöscht und neu durch das Script erstellt werden (Alle anderen Player sind unverändert)

c3b

Hi Leutz
Da bin ich wieder. Nachdem ich meinen Hausumbau fast fertig habe, komme ich wieder dazu das/die NSPanel zu bearbeiten.
Ist ja ganz schön etwas verändert worden. Dafür erst einmal meinen Dank. Super Sache.
Ich habe Tasmota geuppt, den Berrydriver und das Nextion. Hat alles super geklappt.
Jetzt habe ich mir einmal zwei Pages und zwei SubPages angelegt.
Ich befürchte, ich habe das gleiche oder ein ähnliches Problem wie am 14. Januar 2023.
Alles funktioniert. Nur wenn ich aus einer SubPage mit dem home-Befehl auf meine erste Seite verweise, gibt es ein Problem. Ich komme zwar auf die richtige Seite, wenn ich aber dann nach rechts gehe, überspringt er meine zweite Seite. Gehe ich mit dem Pfeilnach links, baut er die gleiche Seite noch einmal auf. Das Problem gibt es aber nur mit dem home-Befehl. Gehe ich zurück mit dem parent-Befehl funktioniert es. Wenn ich alles einmal durchscrolle, ist es wieder richtig.
Seinerzeit hatte amilar eine Änderung in das Skript gebaut und mir geschrieben, dass es Bestandteil der v3.9.0. Das sollte aber alles Geschichte sein. Ist über ein Jahr her und es hat sich ja einiges getan.
Mache ich wieder etwas falsch?

Hier einmal mein Code für die vier Seiten. In der config stehen sie auch. Licht und Sonstiges unter page und WLAN und Abfall unter subpage.

let Licht: PageType =
{
    'type': 'cardEntities',
    'heading': 'Licht Küche',
    'useColor': true,
    'prev': 'Sonstiges',
    'next': 'Sonstiges',
    'items': []
};  

let Sonstiges: PageType =
{
    'type': 'cardEntities',
    'heading': 'Sonstiges',
    'useColor': true,
    'items': [
        { navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender'},
        { navigate: true, id: null, targetPage: 'WLAN', onColor: White, name: 'Gäste WLAN'},
    ]
};

let Abfall: PageType =
{
	'type': 'cardEntities',
	'heading': 'Abfallkalender',
	'useColor': true,
	'subPage': true,
    'parent': Sonstiges,
    'home': 'Licht',
    'items': [
		{ id: 'alias.0.Abfallkalender.event1',icon: 'trash-can'},
		{ id: 'alias.0.Abfallkalender.event2',icon: 'trash-can'},
		{ id: 'alias.0.Abfallkalender.event3',icon: 'trash-can'},
		{ id: 'alias.0.Abfallkalender.event4',icon: 'trash-can'}
	]
};

let WLAN: PageType =
{
     'type': 'cardQR',
     'heading': 'Gäste WLAN',
     'subPage': true,
     'parent': Sonstiges,
     'home': 'Licht',
     'items': [{ id: 'alias.0.Guest_Wifi.Password', 
                           hidePassword: false, 
                           autoCreateALias: true }]
};

LG aus dem Sauerland
Jörg

theknut

@emd Ich hatte damals das gleiche Problem. Bei mir war denke ich 0_userdata.0.NSPanel.1.ScreensaverInfo.activeBrightness auf null gestanden (siehe Post).

NEWS