Visualisierung mit Node Red erstellen

[mickym]

@damrak2022 Ich glaube zwar nicht, dass es was hilft - lass mal den letzten Schrägstrich in der Adapterkonfiguration weg.

/opt/iobroker/iobroker-data/files/vis.0/Node-Red

Ok - und vielleicht habe ich einen Fehler gemacht -

Gib dann mal den Schrägstrich vorne an:

<img src="/Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">

also "/" vor den Wetter-Icons

[Damrak2022]

@mickym Du bist Spitze! So geht es. - Vielen Dank

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Du bist Spitze! So geht es. - Vielen Dank

Na freut mich - und sorry für meinen dann nicht gerechtfertigten Tonfall.

Du kannst das auch als value eingeben:

[Damrak2022]

@mickym Okay, jetzt werde ich mal versuchen das Board weiter zu verschönern

[mickym]

@damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

[Damrak2022]

@mickym Langsam, da komme ich eventuell später drauf zurück

[Damrak2022]

@mickym Bis jetzt sieht es so aus:

[mickym]

@damrak2022 Uiii - ist bei Dir schon Schneesturm.

[Damrak2022]

@mickym Nicht wirklich, so was kommt in Bayern meist zuerst

[Damrak2022]

@mickym Was ist denn an meine function node falsch? Die Debug Ausgabe ist korrekt.

Irgendwas mit "time" ist anscheinen nicht korrekt?

[mickym]

@damrak2022 Ich verstehe wieder mal nicht warum Du anfängst nun mit function Nodes zu programmieren. Du siehst doch, dass time unterringelt ist - also ist das ein Fehler. Du versuchst die payload einer Variablen time zuzuweisen, die nicht existiert, da sie nicht deklariert wurde. - Ich rate Dir ab und verweise auf meinen Thread. - In dem Fall bräuchtest Du ja gar keine Variable, sondern könntest die payload ja auch direkt nutzen. Aber wie gesagt - die moments Bibliothek ist in den Change Nodes.

[Damrak2022]

@mickym Naja, ich wollte halt nur Datum und Uhrzeit hinzufügen. Und in einem, ja Video, wurde das exakt so erklärt. Du sagst das steht in Deinem Thread. Dann muss ich mir den nochmal genau anschauen.

[mickym]

@damrak2022 Über die JSONATA Bibliothek brauchst doch nur die $moment Bibliothek. Ohne Parameter wird automatisch die aktuelle Uhrzeit ausgegeben. Über das Format kannst Du die Ausgabe formatieren.

Die Ausgabeformate sind alle hier beschrieben: https://momentjs.com/docs/#/displaying/format/

Dutzende Beispiele findest Du in meinem Thread.

[Damrak2022]

@mickym Bin gerade am Lesen.

[mickym]

@damrak2022 Wie soll denn Deine Ausgabe aussehen?

Hier mal meine Anzeige.

Spoiler

[
   {
       "id": "18901af.b0571e5",
       "type": "inject",
       "z": "2364426f.ac30ce",
       "name": "",
       "props": [
           {
               "p": "payload"
           },
           {
               "p": "topic",
               "vt": "str"
           }
       ],
       "repeat": "1",
       "crontab": "",
       "once": false,
       "onceDelay": 0.1,
       "topic": "",
       "payload": "",
       "payloadType": "date",
       "x": 170,
       "y": 2780,
       "wires": [
           [
               "4d16cf6b.19bea",
               "a9234a3e.557338",
               "6121d9b8.2ff4d8"
           ]
       ]
   },
   {
       "id": "b91ff2ed.192f3",
       "type": "ui_text",
       "z": "2364426f.ac30ce",
       "group": "4fce851e.241bcc",
       "order": 1,
       "width": 0,
       "height": 0,
       "name": "Datum",
       "label": "",
       "format": "<font size=3>{{msg.payload}}</font>",
       "layout": "row-spread",
       "x": 570,
       "y": 2760,
       "wires": []
   },
   {
       "id": "21a7ab02.2d7f74",
       "type": "comment",
       "z": "2364426f.ac30ce",
       "name": "Datum und Uhrzeit",
       "info": "",
       "x": 170,
       "y": 2700,
       "wires": []
   },
   {
       "id": "371880d8.90bf9",
       "type": "ui_text",
       "z": "2364426f.ac30ce",
       "group": "4fce851e.241bcc",
       "order": 2,
       "width": 6,
       "height": "1",
       "name": "Uhrzeit",
       "label": "",
       "format": "<font size=7><b>{{msg.payload}}</b></font>",
       "layout": "row-spread",
       "className": "",
       "x": 580,
       "y": 2800,
       "wires": []
   },
   {
       "id": "6121d9b8.2ff4d8",
       "type": "change",
       "z": "2364426f.ac30ce",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$moment().locale(\"de\").tz('Europe/Berlin').format('dddd, LL')",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 390,
       "y": 2760,
       "wires": [
           [
               "b91ff2ed.192f3"
           ]
       ]
   },
   {
       "id": "a9234a3e.557338",
       "type": "change",
       "z": "2364426f.ac30ce",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$moment().locale(\"de\").tz('Europe/Berlin').format('HH:mm')",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 390,
       "y": 2800,
       "wires": [
           [
               "371880d8.90bf9"
           ]
       ]
   },
   {
       "id": "4fce851e.241bcc",
       "type": "ui_group",
       "name": "Überblick",
       "tab": "1dccf40b.273c9c",
       "order": 1,
       "disp": true,
       "width": "6",
       "collapse": false,
       "className": ""
   },
   {
       "id": "1dccf40b.273c9c",
       "type": "ui_tab",
       "name": "Übersicht",
       "icon": "dashboard",
       "order": 1,
       "disabled": false,
       "hidden": false
   }
]

[Damrak2022]

@mickym Genau, ich versuch ja dein Dashboard annähernd nachzubasteln. Deswegen soll es so aussehen. Danke für den Spoiler.
Aber aus Deinem Thread heraus, hätte ich das nicht hinbekommen

[Damrak2022]

@mickym So ganz ohne Hilfe gehts nicht. Ich habe mir jetzt über den Openweathermap Adapter die Zeit für Sonnenaufgang und Sonnenuntergang geholt. Da wird mir die Zeit allerdings im unix Format ausgegeben.
Dann habe ich imNetz diesen Code gefunden:

{{msg.payload.sunrise*1000 | date:'dd.MM.yyyy HH:MM:ss'}}

der das angeblich im "Value" Feld der Text Node umrechnet. Das klappt aber nicht, da ich dann überall "Null" rausbekomme.

Mit dem anderen Code:

$moment(payload).tz("Europe/Berlin").format('YYYY-MM-DD HH:mm') 

in der Change Node klappt es auch nicht.
Wie rechne ich eine Unix Zeit korrekt um?

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

$moment(payload).tz("Europe/Berlin").format('YYYY-MM-DD HH:mm')

$moment(payload,'x').tz("Europe/Berlin").format('YYYY-MM-DD HH:mm')

[Damrak2022]

@mickym Danke

[mickym]

@damrak2022 Die ganzen Eingabeformate stehen in der Beschreibung der moments Bibliothek, die ich dir verlinkt hatte.

Wenn das Unix Format nicht in ms sonder in s angegeben ist, dann halt ein großes X.