Dashboard 1 example versus dashboard 2 example what must be changed by data restore?

Dashboard
1

There is an example in the Node-RED Help Dashboard 1 for saving and restoring charts,
but I haven't been able to replicate this so easily with Dashboard 2. What is different?

Spezific to those situation:

flows
[{"id":"4679091.0341ff8","type":"ui_button","z":"89b47660.0ba428","name":"","group":"212b7f06.b4731","order":2,"width":"2","height":"1","label":"Inject","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":90,"y":60,"wires":[["63911393.d1513c"]]},{"id":"fa4f25b6.ea4048","type":"ui_button","z":"89b47660.0ba428","name":"","group":"212b7f06.b4731","order":4,"width":"2","height":"1","label":"restore","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":90,"y":360,"wires":[["9b9cfb63.2f50f8"]]},{"id":"63911393.d1513c","type":"random","z":"89b47660.0ba428","name":"","low":"0","high":"10","inte":"true","x":240,"y":60,"wires":[["9e4c2fd0.aac16"]]},{"id":"9e4c2fd0.aac16","type":"ui_chart","z":"89b47660.0ba428","name":"","group":"212b7f06.b4731","order":1,"width":0,"height":0,"label":"chart","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"bezier","nodata":"","ymin":"","ymax":"","removeOlder":"15","removeOlderPoints":"100","removeOlderUnit":"60","cutout":0,"x":390,"y":60,"wires":[["ef3ff83b.aa5008"],]},{"id":"8f316ad0.85cdd8","type":"file","z":"89b47660.0ba428","name":"","filename":"/tmp/chart.log","appendNewline":true,"createDir":false,"overwriteFile":"true","x":540,"y":220,"wires":},{"id":"9b9cfb63.2f50f8","type":"file in","z":"89b47660.0ba428","name":"","filename":"/tmp/chart.log","format":"utf8","x":240,"y":360,"wires":[["b13ea0c3.a7955"]]},{"id":"ef3ff83b.aa5008","type":"json","z":"89b47660.0ba428","name":"","x":530,"y":60,"wires":[["ef80c15e.8dbc3"]]},{"id":"b13ea0c3.a7955","type":"json","z":"89b47660.0ba428","name":"","x":390,"y":360,"wires":[["9e4c2fd0.aac16"]]},{"id":"ef80c15e.8dbc3","type":"function","z":"89b47660.0ba428","name":"","func":"if (msg.topic === "save") {\n msg.payload = context.last;\n return msg;\n}\nelse {\n context.last = msg.payload;\n}\nreturn null;","outputs":1,"noerr":0,"x":270,"y":220,"wires":[["8f316ad0.85cdd8"]]},{"id":"87cc5e2e.b0836","type":"ui_button","z":"89b47660.0ba428","name":"","group":"212b7f06.b4731","order":3,"width":"2","height":"1","label":"save","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"save","x":90,"y":220,"wires":[["ef80c15e.8dbc3"]]},{"id":"212b7f06.b4731","type":"ui_group","z":"","name":"Gauge","tab":"e7f7ff66.2de07","order":2,"disp":true,"width":"6"},{"id":"e7f7ff66.2de07","type":"ui_tab","z":"","name":"Restore","icon":"dashboard"}]
2

and i now but it code in dose not work with chromium browser!!! Sorry and my question was verry specific @Colin

3

Everything is different with the new dashboard.

See Is there a way to have the data in the 2.0 chart node survive restarts? · Issue #1362 · FlowFuse/node-red-dashboard · GitHub

Or possibly this may be helpful.

4

For the future, if you are posting flows, In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote ```)

``` 
   code goes here 
```

You can edit and correct your post by clicking the pencil :pencil: icon.

See this post for more details - How to share code or flow json

5

not helpfull sorry not logic and not spezific!

6

Dashnoard1 outputted the complete data array for the number of point to display, so you could save the complate data array .

Dashboard2 only outputs the single data point just added to the chart.
So you would need to append that data to your stored data. and limit the data you require to store.

As Colin has mentioned you flow example is corrupt. If you require assistance please supply a working example of what you have tried.

Meantime a search of the forum may help Search results for 'dashboard 2 store chart data' - Node-RED Forum

7

Did the solution in the first link not work for you?

8

again the exsample:

[
    {
        "id": "4679091.0341ff8",
        "type": "ui_button",
        "z": "d730d09642dfbb06",
        "name": "",
        "group": "212b7f06.b4731",
        "order": 2,
        "width": 2,
        "height": 1,
        "passthru": false,
        "label": "Inject",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "",
        "topicType": "str",
        "x": 350,
        "y": 260,
        "wires": [
            [
                "c5468c55441423ab"
            ]
        ]
    },
    {
        "id": "fa4f25b6.ea4048",
        "type": "ui_button",
        "z": "d730d09642dfbb06",
        "name": "",
        "group": "212b7f06.b4731",
        "order": 4,
        "width": 2,
        "height": 1,
        "passthru": false,
        "label": "restore",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "",
        "topicType": "str",
        "x": 360,
        "y": 580,
        "wires": [
            [
                "9b9cfb63.2f50f8"
            ]
        ]
    },
    {
        "id": "9e4c2fd0.aac16",
        "type": "ui_chart",
        "z": "d730d09642dfbb06",
        "name": "",
        "group": "212b7f06.b4731",
        "order": 1,
        "width": 0,
        "height": 0,
        "label": "chart",
        "chartType": "line",
        "legend": "false",
        "xformat": "HH:mm:ss",
        "interpolate": "bezier",
        "nodata": "",
        "dot": false,
        "ymin": "",
        "ymax": "",
        "removeOlder": "15",
        "removeOlderPoints": "100",
        "removeOlderUnit": "60",
        "cutout": 0,
        "useOneColor": false,
        "useUTC": false,
        "colors": [
            "#1f77b4",
            "#aec7e8",
            "#ff7f0e",
            "#2ca02c",
            "#98df8a",
            "#d62728",
            "#ff9896",
            "#9467bd",
            "#c5b0d5"
        ],
        "outputs": 1,
        "useDifferentColor": false,
        "className": "",
        "x": 770,
        "y": 240,
        "wires": [
            [
                "ef3ff83b.aa5008"
            ]
        ]
    },
    {
        "id": "8f316ad0.85cdd8",
        "type": "file",
        "z": "d730d09642dfbb06",
        "name": "",
        "filename": "/home/rr/Dokumente/Logger/testloggerb.log",
        "filenameType": "str",
        "appendNewline": true,
        "createDir": false,
        "overwriteFile": "true",
        "x": 1030,
        "y": 420,
        "wires": [
            []
        ]
    },
    {
        "id": "9b9cfb63.2f50f8",
        "type": "file in",
        "z": "d730d09642dfbb06",
        "name": "",
        "filename": "/home/rr/Dokumente/Logger/testloggerb.log",
        "filenameType": "str",
        "format": "utf8",
        "allProps": false,
        "x": 750,
        "y": 640,
        "wires": [
            [
                "b13ea0c3.a7955"
            ]
        ]
    },
    {
        "id": "ef3ff83b.aa5008",
        "type": "json",
        "z": "d730d09642dfbb06",
        "name": "",
        "property": "payload",
        "action": "",
        "pretty": false,
        "x": 1010,
        "y": 200,
        "wires": [
            [
                "ef80c15e.8dbc3",
                "4fae6e8b5f0590ec"
            ]
        ]
    },
    {
        "id": "b13ea0c3.a7955",
        "type": "json",
        "z": "d730d09642dfbb06",
        "name": "",
        "property": "payload",
        "action": "",
        "pretty": false,
        "x": 750,
        "y": 560,
        "wires": [
            [
                "9e4c2fd0.aac16"
            ]
        ]
    },
    {
        "id": "ef80c15e.8dbc3",
        "type": "function",
        "z": "d730d09642dfbb06",
        "name": "",
        "func": "if (msg.topic === \"save\") {\n    msg.payload = context.last;\n    return msg;\n}\nelse {\n    context.last = msg.payload;\n}\nreturn null;",
        "outputs": 1,
        "timeout": "",
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 650,
        "y": 400,
        "wires": [
            [
                "8f316ad0.85cdd8"
            ]
        ]
    },
    {
        "id": "87cc5e2e.b0836",
        "type": "ui_button",
        "z": "d730d09642dfbb06",
        "name": "",
        "group": "212b7f06.b4731",
        "order": 3,
        "width": 2,
        "height": 1,
        "passthru": false,
        "label": "save",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "save",
        "topicType": "str",
        "x": 330,
        "y": 400,
        "wires": [
            [
                "ef80c15e.8dbc3"
            ]
        ]
    },
    {
        "id": "c5468c55441423ab",
        "type": "Number",
        "z": "d730d09642dfbb06",
        "name": "Random Number",
        "minimum": "0",
        "maximum": "100",
        "roundTo": "2",
        "Floor": true,
        "x": 550,
        "y": 180,
        "wires": [
            [
                "9e4c2fd0.aac16"
            ]
        ]
    },
    {
        "id": "4fae6e8b5f0590ec",
        "type": "debug",
        "z": "d730d09642dfbb06",
        "name": "debug 36",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "false",
        "statusVal": "",
        "statusType": "auto",
        "x": 1220,
        "y": 200,
        "wires": []
    },
    {
        "id": "212b7f06.b4731",
        "type": "ui_group",
        "name": "Gauge",
        "tab": "e7f7ff66.2de07",
        "order": 2,
        "disp": true,
        "width": "6",
        "collapse": false,
        "className": ""
    },
    {
        "id": "e7f7ff66.2de07",
        "type": "ui_tab",
        "name": "Restore",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

but for deep dive it clear that the dasboard 2 so massiv the datastucure has changed but how ?

Yes i have read the GIT HUB but is absolut mis understanding…

also how works vom any chart the array to any log file what is teh difrrenz? In dashboard 1 it was so easy ,_9

9

Bildschirmfoto vom 2025-12-01 13-51-05
Bildschirmfoto vom 2025-12-01 13-51-051920×1040 150 KB

It look so clear and easy for dashboard 1 !

But when I look at it, I see the difference, and it's frightening. For anyone coming from Dashboard 1. Guys, guys, guys, what a mess. The nodes are supposed to make work easier, so someone at Dashboard 1 thought it through wonderfully and set up an array so that you can continue to use it right away without any additional code.

grafik
grafik1920×1040 127 KB