Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    12
    1
    140

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ArmilarA Armilar

    @tomsport2022

    Ansonsten und falls es einen für Influx2 interessiert: ;-)

    Lässt sich in Teilen auch für andere Dinge (Luftfeuchte, etc.) adaptieren, ist schlank und ressourcenschonend.

    Es legt die Datenpunkte in 0_userdata automatisch an.

    Das wäre mein JS-Script. Es erzeugt bei jeder Temperaturänderung zu jedem Raum einen Temperatur-String für die cartLChart:

    const Debug = false;
    
    const NSPanel_Path = '0_userdata.0.NSPanel.';
    const Path = NSPanel_Path + 'Influx2NSPanel.cardLChart.';
    let   PathSensor = '';
    
    let SensorName = ['EG.Buero.Temperatur',
                      'EG.Gaeste_WC.Temperatur',
                      'EG.Wohnzimmer.Temperatur',
                      'EG.Hauswirtschaftsraum.Temperatur',
                      'EG.Flur_vorne.Temperatur',
                      'EG.Flur_hinten.Temperatur',
                      'EG.Esszimmer.Temperatur',
                      'EG.Kaminzimmer.Temperatur',
                      'EG.Badezimmer.Temperatur',
                      'EG.Kueche.Temperatur',
                      'OG.Schlafzimmer_1.Temperatur',
                      'OG.Gaestezimmer.Temperatur',
                      'OG.Hobbyraum.Temperatur',
                      'Gartenhaus.Temperatur'];
    
    const Sensor = [].concat('deconz.0.Sensors.65.temperature')  // EG.Buero.Temperatur
                     .concat('deconz.0.Sensors.10.temperature')  // EG.Gaeste_WC.Temperatur
                     .concat('deconz.0.Sensors.73.temperature')  // EG.Wohnzimmer.Temperatur
                     .concat('deconz.0.Sensors.62.temperature')  // EG.Hauswirtschaftsraum.Temperatur
                     .concat('deconz.0.Sensors.7.temperature')   // EG.Flur_vorne.Temperatur
                     .concat('deconz.0.Sensors.14.temperature')  // EG.Flur_hinten.Temperatur
                     .concat('deconz.0.Sensors.23.temperature')  // EG.Esszimmer.Temperatur
                     .concat('deconz.0.Sensors.41.temperature')  // EG.Kaminzimmer.Temperatur
                     .concat('deconz.0.Sensors.52.temperature')  // EG.Badezimmer.Temperatur
                     .concat('deconz.0.Sensors.17.temperature')  // EG.Kueche.Temperature
                     .concat('deconz.0.Sensors.32.temperature')  // OG.Schlafzimmer_1.Temperatur
                     .concat('deconz.0.Sensors.45.temperature')  // OG.Gaestezimmer.Temperatur
                     .concat('deconz.0.Sensors.48.temperature')  // OG.Hobbyraum.Temperatur
                     .concat('deconz.0.Sensors.58.temperature'); // Gartenhaus.Temperatur
                     
    let   triggeredSensor = 0;
    
    const numberOfHoursAgo = 24;
    const xAxisTicksEveryM = 60;
    const xAxisLabelEveryM = 240;
    
    const InfluxInstance = 'influxdb.0';
    
    // Ab hier keine Ändeungen
    
    let coordinates = ''; 
    
    on({ id: Sensor, change: 'any' }, async function (obj) {
        
        if (Debug) console.log(obj.id);
        if (Debug) console.log(Sensor.indexOf(obj.id));
        if (Debug) console.log(SensorName[Sensor.indexOf(obj.id)])
    
        PathSensor = Path + SensorName[Sensor.indexOf(obj.id)]
    
        if (existsObject(PathSensor) == false) {
            createState(PathSensor, 0, {
                name: 'SensorGrid',
                desc: 'Sensor Values [~<time>:<value>]*',
                type: 'string',
                role: 'value',
            });
        }
    
        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('');
    
        if (Debug) console.log('Query: ' + query);
    
        sendTo(InfluxInstance, 'query', query, function (result) {
            if (result.error) {
                console.error(result.error);
            } else {
                // show result
                if (Debug) console.log(result);
                let numResults = result.result.length;
                for (let r = 0; r < numResults; r++) 
                {
                    let list = []
                    let numValues = result.result[r].length;
    
                    for (let i = 0; i < numValues; i++) 
                    {
                        let time = Math.round(result.result[r][i]._rtime/1000/1000/1000/60);
                        let value = Math.round(result.result[r][i]._value * 10);
                        list.push(time + ":" + value);
                    }
    
                    coordinates = list.join("~");
    
                    if (Debug) console.log(coordinates);
                }
            }
        });
    
        let timeOut = setTimeout (
            function () {
                let ticksAndLabelsList = []
                let date = new Date();
                date.setMinutes(0, 0, 0);
                let ts = Math.round(date.getTime() / 1000);
                let tsYesterday = ts - (numberOfHoursAgo * 3600);
                if (Debug) console.log('Iterate from ' + tsYesterday + ' to ' + ts + ' stepsize=' + (xAxisTicksEveryM * 60));
                for (let x = tsYesterday, i = 0; x < ts; x += (xAxisTicksEveryM * 60), i += xAxisTicksEveryM)
                {
                    if ((i % xAxisLabelEveryM))
                        ticksAndLabelsList.push(i);
                    else
                    {
                        let currentDate = new Date(x * 1000);
                        // Hours part from the timestamp
                        let hours = '0' + String(currentDate.getHours());
                        // Minutes part from the timestamp
                        let minutes = '0' + String(currentDate.getMinutes());
                        let formattedTime = hours.slice(-2) + ':' + minutes.slice(-2);
    
                        ticksAndLabelsList.push(String(i) + '^' + formattedTime);
                    }
                }
                if (Debug) console.log('Ticks & Label: ' + ticksAndLabelsList);
                if (Debug) console.log('Coordinates: ' + coordinates);
                setState(PathSensor, ticksAndLabelsList.join('+') + '~' + coordinates, true);
            }, 
        1500
        ) ;
    });
    

    Ich nutze die Influx 2 übrigens - weil der Index, insbesondere bei Timestamps, um einiges schneller als bei einer MySQL/MariaDB/etc. und natürlich sehr viel schneller als ein Filezugriff mit dem History ist!

    EDIT: danach noch einen Alias vom Gerätetyp: Info zu jedem der geschriebenen Raum-Strings erzeugen und als cardLChart anlegen:

    let CardLChartExample = <PageChart>
    {
        'type': 'cardLChart',
        'heading': 'Büro Temperatur',
        'useColor': true,
        'items': [<PageItem>{ 
                    id: 'alias.0.Haus.Erdgeschoss.Buero.Charts.Temperatur',
                    yAxis: 'Temperatur [°C]',
                    yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                    onColor: Yellow
                 }]
    };
    

    Die Y-Achse wird in diesem Beispiel von 10°C-25°C definiert (kann individuell definiert werden)

    Ergebnis: 1 Chart pro Raum

    b1b8fcb8-0149-4108-946a-6a097923576d-image.png

    Wie man in dem Chart sieht, sucht sich die cardChart den idealen Y-Achsen-Wertebereich automatisch heraus.

    EDIT 2: Die Datenpunkte, die das Script erzeugt sehen so aus:
    4aa298b5-a0c7-41b8-b199-78c2d29191d8-image.png

    W Offline
    W Offline
    Winnipuuh
    wrote on last edited by Winnipuuh
    #1918

    @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
    0
    • W 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 Offline
      N Offline
      niiccooo1
      wrote on last edited by niiccooo1
      #1919

      @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
      0
      • N 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 Offline
        W Offline
        Winnipuuh
        wrote on last edited by
        #1920

        @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

        ArmilarA 1 Reply Last reply
        0
        • ravenst0neR Offline
          ravenst0neR Offline
          ravenst0ne
          wrote on last edited by
          #1921

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

          madingM 1 Reply Last reply
          0
          • W Winnipuuh

            @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

            ArmilarA Offline
            ArmilarA Offline
            Armilar
            Most Active Forum Testing
            wrote on last edited by Armilar
            #1922

            @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. :blush:

            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.

            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            W 1 Reply Last reply
            0
            • ravenst0neR 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...

              madingM Online
              madingM Online
              mading
              wrote on last edited by
              #1923

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

              ArmilarA 1 Reply Last reply
              0
              • madingM mading

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

                ArmilarA Offline
                ArmilarA Offline
                Armilar
                Most Active Forum Testing
                wrote on last edited by Armilar
                #1924

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

                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                1 Reply Last reply
                0
                • ArmilarA 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. :blush:

                  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 Offline
                  W Offline
                  Winnipuuh
                  wrote on last edited by
                  #1925

                  @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

                  ArmilarA 1 Reply Last reply
                  0
                  • W Winnipuuh

                    @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

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    wrote on last edited by Armilar
                    #1926

                    @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

                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    W 1 Reply Last reply
                    0
                    • ArmilarA 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 Offline
                      W Offline
                      Winnipuuh
                      wrote on last edited by Winnipuuh
                      #1927

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

                      ArmilarA 1 Reply Last reply
                      0
                      • W Winnipuuh

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

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        wrote on last edited by Armilar
                        #1928

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

                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        W 2 Replies Last reply
                        0
                        • ArmilarA 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 Offline
                          W Offline
                          Winnipuuh
                          wrote on last edited by
                          #1929

                          @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
                          
                          ArmilarA 1 Reply Last reply
                          0
                          • ArmilarA 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 Offline
                            W Offline
                            Winnipuuh
                            wrote on last edited by
                            #1930

                            @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
                            0
                            • W Winnipuuh

                              @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
                              
                              ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              wrote on last edited by Armilar
                              #1931

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

                              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              W 1 Reply Last reply
                              0
                              • ArmilarA 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 Offline
                                W Offline
                                Winnipuuh
                                wrote on last edited by
                                #1932

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

                                ArmilarA 1 Reply Last reply
                                0
                                • W Winnipuuh

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

                                  ArmilarA Offline
                                  ArmilarA Offline
                                  Armilar
                                  Most Active Forum Testing
                                  wrote on last edited by
                                  #1933

                                  @winnipuuh

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

                                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                  W 1 Reply Last reply
                                  0
                                  • ArmilarA Armilar

                                    @winnipuuh

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

                                    W Offline
                                    W Offline
                                    Winnipuuh
                                    wrote on last edited by Winnipuuh
                                    #1934

                                    @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)
                                    
                                    ArmilarA 1 Reply Last reply
                                    0
                                    • W 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)
                                      
                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #1935

                                      @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

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      W 1 Reply Last reply
                                      0
                                      • ArmilarA 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 Offline
                                        W Offline
                                        Winnipuuh
                                        wrote on last edited by
                                        #1936

                                        @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

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • W Winnipuuh

                                          @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

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by Armilar
                                          #1937

                                          @winnipuuh

                                          130ee080-5c5e-45e5-ba40-a83505d532f6-image.png

                                          Das Statement findet 2 Werte aber kommt mit einem Fehler zurück...

                                          Eventuell findet jemand anderes mit einer Influx 1.8 den Fehler... Kann da nicht weiter unterstützen.

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          W B 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          571

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe