SONOFF NSPanel mit Lovelace UI

[Rene55]

@theknut Das würde ich auch gerne in Anspruch nehmen. Meine aktuell generierten Balken zeigen alle ins Minus! . Vielleicht hab ich auch noch nicht gerafft, welchen Datenpunkt ich nehmen muss.

[TT-Tom]

@rene55
das kann auch der Bug bei der Card sein.

https://github.com/joBr99/nspanel-lovelace-ui/issues/934

SurfGargano created this issue in joBr99/nspanel-lovelace-ui

open [BUG] cardChart wird nicht richtig angezeigt wenn die Werte größer als 196 sind #934

[TT-Tom]

@theknut

kannst du gerne machen.

[Rene55]

@tt-tom Ich glaube, ich stell meine Balken erstmal zurück. Hab mir das Issue mal angesehen, sagt mir aber nix. Die Werte, die ich gerade zum Panel schicke sehen so aus:
Werte: 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~
Scale: [0,2369,4738,7107,9476]

[Armilar]

@rene55

Rechne die Werte in kW um - dann sollte es passen... Die Skala schafft da keine W

[Rene55]

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

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

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.

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