SONOFF NSPanel mit Lovelace UI

Armilar

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"

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

Das ganze sieht dann so aus:

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

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.

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

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)

NEWS

SONOFF NSPanel mit Lovelace UI

Update v4.3.3.40

Was hast sich geändert?

Support us

397
Online

31.6k
Users

79.5k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Update v4.3.3.40

Was hast sich geändert?

Support us

397Online

31.6kUsers

79.5kTopics

1.3mPosts

397
Online

31.6k
Users

79.5k
Topics

1.3m
Posts