# Question about importing data into the dashboard

**URL:** <https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [21 March 2024 04:06 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616 "2024-03-21T04:06:09Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [21 March 2024 04:06 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/1 "2024-03-21T04:06:09Z")

</div>

Hello, I'm creating a dashboard and for its data I'm importing data from a website ([https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=](https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=) now&refresh=5s). The site is only accessed with a username and password, I don't know if it affects what I'm going to say later. But when I import this data, it all comes out wrong, with very high numbers. I will post here the print of the original dashboard on the left, the print of my diagram and the print of my dashboard. I'll put my code in response too.  
 ![My Dashboard](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5d93e72c5c10d3c63df92c505caf871941598e7.png)  
 ![My Diagram](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/d/1dc09ce80b98b1f3df3cf7768b532048b660cda2.png)

 ![Original Dashboard](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/6/16804f859a98166e5aef9577546db4248b5f7752.png)

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [21 March 2024 04:40 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/2 "2024-03-21T04:40:08Z")

</div>

Here is an example of the code for one of the import nodes:

\< div ng-bind-html="msg.payload" \>\< /div \>

\< iframe src=" ht tps://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&var-group=Magento&var-host=PRD%20-%20Servidor%20Web%20Magento&var-app=All&var-appnet=All&var-netif=All&var-container=All&from=1697826810484&to=1697837610484&viewPanel=8" width="100%" height="400" \>\< /iframe \>

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [21 March 2024 10:30 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/3 "2024-03-21T10:30:31Z")

</div>

@ErnestoBalestro welcome to the forum!

While I wish I could give you an answer right away, you haven't provided information for anyone to act on.

1. what device and OS are you running Node-RED on?
2. what version of Node-RED and node.js are you running (you can get this from the NR startup log)
3. are you using dashboard v1 or the newer V2?
4. Please post your flow so people can see what you actually have done.

My guess is that number in the graph is actually a timestamp.

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

````auto
``` 
   code goes here 
```

````

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

See this post for more details - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

I recommend watching this playlist: [Node-RED Essentials](https://www.youtube.com/playlist?list=PLyNBB9VCLmo1hyO-4fIZ08gqFcXBkHy-6). The videos are done by the developers of node-red. They're nice & short and to the point. You will understand a whole lot more in about 1 hour. A small investment for a lot of gain.

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [21 March 2024 15:18 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/4 "2024-03-21T15:18:54Z")

</div>

> [@zenofmud](#):
>
> device

About the questions:  
1 - Windows 10 and Google Chrome  
2 - Node-RED version v3.0.2 and node.js version v18.16.0  
3 - Dashboard version 3.6.0  
4 - The complete code:

```auto
    [
    {
        "id": "0d78fbbffac91bd3",
        "type": "tab",
        "label": "TCC - Teste",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "7bc01bdaee249fc7",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "82a5e7132778a9ad",
        "name": "Link de CPU da página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&var-group=Magento&var-host=PRD%20-%20Servidor%20Web%20Magento&var-app=All&var-appnet=All&var-netif=All&var-container=All&from=1697826810484&to=1697837610484&viewPanel=8\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 400,
        "y": 160,
        "wires": [
            [
                "530aaf25cd361e35",
                "d59395adc1da6189"
            ]
        ]
    },
    {
        "id": "bde885cfeb757d84",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 160,
        "wires": [
            [
                "7bc01bdaee249fc7"
            ]
        ]
    },
    {
        "id": "530aaf25cd361e35",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "82a5e7132778a9ad",
        "order": 2,
        "width": 0,
        "height": 0,
        "gtype": "gage",
        "title": "% de CPU",
        "label": "%",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 710,
        "y": 160,
        "wires": []
    },
    {
        "id": "c4e0b0b21a9c245b",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 280,
        "wires": [
            [
                "dd5d0c1761c3e5f5"
            ]
        ]
    },
    {
        "id": "dd5d0c1761c3e5f5",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "f9552089382437e8",
        "name": "Link de Memória da página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1698106481331&to=1698117281332&viewPanel=3\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 410,
        "y": 280,
        "wires": [
            [
                "513318db668b12fd",
                "c718ceb9b29263a4"
            ]
        ]
    },
    {
        "id": "513318db668b12fd",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "f9552089382437e8",
        "order": 2,
        "width": 0,
        "height": 0,
        "gtype": "gage",
        "title": "% de Memória",
        "label": "%",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 720,
        "y": 280,
        "wires": []
    },
    {
        "id": "8e3a23738c424f6c",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 400,
        "wires": [
            [
                "afbb0a48adf35cc7"
            ]
        ]
    },
    {
        "id": "afbb0a48adf35cc7",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "8630087af504ca07",
        "name": "Link de Espaço de Servidor da página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1698106996115&to=1698117796115&viewPanel=13\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 430,
        "y": 400,
        "wires": [
            [
                "c50c2f6d25ba6ed1",
                "e92c357a3aa8a0ec"
            ]
        ]
    },
    {
        "id": "c50c2f6d25ba6ed1",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "8630087af504ca07",
        "order": 2,
        "width": "0",
        "height": "0",
        "gtype": "gage",
        "title": "% de Servidor",
        "label": "%",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 780,
        "y": 400,
        "wires": []
    },
    {
        "id": "906c6cf1f9aa32b4",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 520,
        "wires": [
            [
                "dc8a9a6b14e1b1da"
            ]
        ]
    },
    {
        "id": "dc8a9a6b14e1b1da",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "27d445dd3f8fb3f1",
        "name": "Link de processos rodando da página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1698112353956&to=1698123153956&viewPanel=29\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 440,
        "y": 520,
        "wires": [
            [
                "27474331c8606188",
                "d26b95b93da85d22"
            ]
        ]
    },
    {
        "id": "27474331c8606188",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "27d445dd3f8fb3f1",
        "order": 2,
        "width": "0",
        "height": "0",
        "gtype": "gage",
        "title": "Nº de Processos",
        "label": "units",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 790,
        "y": 520,
        "wires": []
    },
    {
        "id": "4c9149e05a029f3d",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 640,
        "wires": [
            [
                "beb77897ce643952"
            ]
        ]
    },
    {
        "id": "7a8e9e089cd0b76c",
        "type": "inject",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "1",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 110,
        "y": 760,
        "wires": [
            [
                "081af3fb14295ab0"
            ]
        ]
    },
    {
        "id": "beb77897ce643952",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "688b7b626aaccedc",
        "name": "Link de Usuários Logados na página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1699211911731&to=1699298311731&viewPanel=28\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 440,
        "y": 640,
        "wires": [
            [
                "79612d834e24f4a6",
                "4d261fd34ee9c837"
            ]
        ]
    },
    {
        "id": "081af3fb14295ab0",
        "type": "ui_template",
        "z": "0d78fbbffac91bd3",
        "group": "4c6f577e86ddfd0f",
        "name": "Link de System Load dos últimos 15 minutos da página web do Magento da JR",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<div ng-bind-html=\"msg.payload\"></div>\n<iframe src=\"https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1699213634975&to=1699300034975&viewPanel=27\" width=\"100%\" height=\"400\"></iframe>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 500,
        "y": 760,
        "wires": [
            [
                "d718a7a0280d0bc7",
                "f0785d06c5b56e22"
            ]
        ]
    },
    {
        "id": "79612d834e24f4a6",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "688b7b626aaccedc",
        "order": 2,
        "width": "0",
        "height": "0",
        "gtype": "gage",
        "title": "Nº de Usuários",
        "label": "Units",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 780,
        "y": 640,
        "wires": []
    },
    {
        "id": "d718a7a0280d0bc7",
        "type": "ui_gauge",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "group": "4c6f577e86ddfd0f",
        "order": 2,
        "width": "0",
        "height": "0",
        "gtype": "gage",
        "title": "System Load",
        "label": "Units",
        "format": "{{value}}",
        "min": 0,
        "max": "100",
        "colors": [
            "#00b500",
            "#e6e600",
            "#ca3838"
        ],
        "seg1": "",
        "seg2": "",
        "diff": false,
        "className": "",
        "x": 910,
        "y": 760,
        "wires": []
    },
    {
        "id": "c718ceb9b29263a4",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload <= 80) {\n return trueMsg;\n}\nelse {\n return falseMsg;\n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 700,
        "y": 240,
        "wires": [
            [
                "fc88c9e5ea58c83a"
            ]
        ]
    },
    {
        "id": "e92c357a3aa8a0ec",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload <= 80) {\n return trueMsg;\n}\nelse {\n return falseMsg;\n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 760,
        "y": 360,
        "wires": [
            [
                "89056d2286fcc6d3"
            ]
        ]
    },
    {
        "id": "d26b95b93da85d22",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload <= 10) {\n return trueMsg;\n}\nelse {\n return falseMsg;\n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 760,
        "y": 480,
        "wires": [
            [
                "bf2a22f841564967"
            ]
        ]
    },
    {
        "id": "bf2a22f841564967",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 4,
        "group": "27d445dd3f8fb3f1",
        "width": "4",
        "height": "1",
        "label": "Nº de Processos",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showGlow": true,
        "name": "Nº de Processos",
        "x": 950,
        "y": 480,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "fc88c9e5ea58c83a",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 2,
        "group": "f9552089382437e8",
        "width": "4",
        "height": "1",
        "label": "% de Memória",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showGlow": true,
        "name": "% de Memória",
        "x": 880,
        "y": 240,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "d59395adc1da6189",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload<=80)\n{\n return trueMsg; \n}\nelse{\n return falseMsg; \n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 700,
        "y": 120,
        "wires": [
            [
                "5e35658224b03d76"
            ]
        ]
    },
    {
        "id": "5e35658224b03d76",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 2,
        "group": "82a5e7132778a9ad",
        "width": "4",
        "height": "1",
        "label": "% de CPU",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": true,
        "shape": "circle",
        "showGlow": true,
        "name": "% de CPU",
        "x": 870,
        "y": 120,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "4d261fd34ee9c837",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload <= 10) {\n return trueMsg;\n}\nelse {\n return falseMsg;\n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 760,
        "y": 600,
        "wires": [
            [
                "987c9a12758c30ac"
            ]
        ]
    },
    {
        "id": "987c9a12758c30ac",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 4,
        "group": "688b7b626aaccedc",
        "width": "4",
        "height": "1",
        "label": "Nº de Usuários",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showGlow": true,
        "name": "Nº de Usuários",
        "x": 940,
        "y": 600,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "f0785d06c5b56e22",
        "type": "function",
        "z": "0d78fbbffac91bd3",
        "name": "",
        "func": "var trueMsg = { payload: true };\nvar falseMsg = { payload: false };\n\nif (msg.payload <= 10) {\n return trueMsg;\n}\nelse {\n return falseMsg;\n}",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 880,
        "y": 720,
        "wires": [
            [
                "9cbceeb524908fd2"
            ]
        ]
    },
    {
        "id": "9cbceeb524908fd2",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 4,
        "group": "4c6f577e86ddfd0f",
        "width": "4",
        "height": "1",
        "label": "System Load",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showGlow": true,
        "name": "System Load",
        "x": 1050,
        "y": 720,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "89056d2286fcc6d3",
        "type": "ui_led",
        "z": "0d78fbbffac91bd3",
        "order": 2,
        "group": "8630087af504ca07",
        "width": "4",
        "height": "1",
        "label": "% de Servidor",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "colorForValue": [
            {
                "color": "#008000",
                "value": "true",
                "valueType": "bool"
            },
            {
                "color": "#ff0000",
                "value": "false",
                "valueType": "bool"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showGlow": true,
        "name": "% de Servidor",
        "x": 940,
        "y": 360,
        "wires": [],
        "info": "HELLO"
    },
    {
        "id": "82a5e7132778a9ad",
        "type": "ui_group",
        "name": "Porcentagem de CPU utilizado - Magento",
        "tab": "424e720ac451bc53",
        "order": 1,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "f9552089382437e8",
        "type": "ui_group",
        "name": "Porcentagem de Memória utilizada - Magento",
        "tab": "424e720ac451bc53",
        "order": 2,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "8630087af504ca07",
        "type": "ui_group",
        "name": "Porcentagem de Espaço do Servidor utilizado - Magento",
        "tab": "424e720ac451bc53",
        "order": 3,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "27d445dd3f8fb3f1",
        "type": "ui_group",
        "name": "Número de Processos Rodando - Magento",
        "tab": "424e720ac451bc53",
        "order": 4,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "688b7b626aaccedc",
        "type": "ui_group",
        "name": "Nº de Usuários Logados na página web do Magento da JR",
        "tab": "424e720ac451bc53",
        "order": 5,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "4c6f577e86ddfd0f",
        "type": "ui_group",
        "name": "Índice de System Load dos últimos 15 minutos",
        "tab": "424e720ac451bc53",
        "order": 6,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "424e720ac451bc53",
        "type": "ui_tab",
        "name": "TCC - Teste",
        "icon": "dashboard",
        "order": 2,
        "disabled": false,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [22 March 2024 07:56 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/5 "2024-03-22T07:56:51Z")

</div>

If you add a `debug` node to the output of one of your `ui-template` nodes you will see (as I suspected) you will see that a timestamp is being passed to the gauges.

So what are you expecting the ui-template to do?

(Sorry for the delay in responding. Had an unexpected day of babysitting a 3 yr old)

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [22 March 2024 19:13 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/6 "2024-03-22T19:13:05Z")

</div>

> [@ErnestoBalestro](#):
>
> [https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=](https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=) now&refresh=5s

1 - I would like you to import the same data from the link [Grafana](https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=now&refresh=5s) that are shown in print below my first post.

2 - How do I add this debug node?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [22 March 2024 19:48 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/7 "2024-03-22T19:48:08Z")

</div>

> [@ErnestoBalestro](#):
>
> How do I add this debug node?

Drag a debug node from the left sidebar to your flow. Then connect the ui-template to the debug node and redeploy the flow.

Run the flow and look at what is coming out of the ui- template node

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [23 March 2024 07:12 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/8 "2024-03-23T07:12:39Z")

</div>

> [@ErnestoBalestro](#):
>
> 1 - I would like you to import the same data from the link [Grafana](https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=now-24h&to=now&refresh=5s) that are shown in print below my first post.

That link opens the Grafana login page

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [25 March 2024 17:56 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/9 "2024-03-25T17:56:24Z")

</div>

> [@zenofmud](#):
>
> Drag a debug node from the left sidebar to your flow. Then connect the ui-template to the debug node and redeploy the flow.
> 
> Run the flow and look at what is coming out of the ui- template node

Yes, but how do I do that? I'm quite a beginner in this area

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [25 March 2024 18:00 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/10 "2024-03-25T18:00:42Z")

</div>

Access to data is only through this link accessed via password. Does this affect the import of data?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [25 March 2024 18:31 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/11 "2024-03-25T18:31:45Z")

</div>

> [@ErnestoBalestro](#):
>
> Hello, I'm creating a dashboard and for its data I'm importing data from a website

The links in your flow are all to grafana.jrcomercio.com.br.  
We do not have a login for that site so we have no idea what you see when you visit and login.  
But since the URL begins with "grafana" I guess it is a graphical representation of the server statistics.

Can you explain why you have the links as iframes **and** you are trying to display these data as dashboard gauges and LEDs?

Should your dashboard display grafana.jrcomercio.br embedded in iframes, or should it show Node-red dashboard gauges?

> link accessed via password. Does this affect the import of data?

Yes. The right data will only be shown if you arrange somehow to login.

p.s. I think that having your Template types `added to site <head> section` is probably an error.  
Try changing this to `Widget in group`

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [25 March 2024 18:51 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/12 "2024-03-25T18:51:41Z")

</div>

"Can you explain why you have the links as iframes and are trying to display this data as panel meters and LEDs?"

No, because I'm very new to this. My area of ​​expertise is more Computer Networks. I just raised this question on ChatGPT and said that the import was done this way with the iframe. I don't even know what Widget in Group is to give you an idea.

The Grafana link is from the company I work for and therefore, I cannot give you the username and password. Does Node-Red even import data from sites that can only be accessed by username and password? Would I have to see other publicly accessible data to be able to import it to my Dashboard and not Grafana's?

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [25 March 2024 18:53 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/13 "2024-03-25T18:53:01Z")

</div>

> [@jbudd](#):
>
> Yes. The right data will only be shown if you arrange somehow to login.

I don't understand, could you explain better?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [25 March 2024 19:07 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/14 "2024-03-25T19:07:53Z")

</div>

> [@ErnestoBalestro](#):
>
> I cannot give you the username and password.

Of course not and I am not asking for a username or password!

> [@ErnestoBalestro](#):
>
> I just raised this question on ChatGPT and said that the import was done this way with the iframe.

ChatGPT has misled you.

> [@ErnestoBalestro](#):
>
> Does Node-Red even import data from sites that can only be accessed by username and password?

Yes it can, but I don't know if an iframe in a template can do this. You can do it using an HTTP Request node, which might be what you need (but we don't know yet)

> [@ErnestoBalestro](#):
>
> I don't understand, could you explain better?

Please will you visit one of the iframe links using your browser, login and take a snapshot of the screen to show us what you see? No need to show us anything confidential.

Once we see what the grafana URL displays, we can start to help you get it working.

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [25 March 2024 19:50 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/15 "2024-03-25T19:50:53Z")

</div>

> [@jbudd](#):
>
> Please will you visit one of the iframe links using your browser, login and take a snapshot of the screen to show us what you see? No need to show us anything confidential.
> 
> Once we see what the grafana URL displays, we can start to help you get it working.

I want to import this datas:

```auto
https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309436764&to=1711395836764&refresh=5s&viewPanel=3 (Memory Utilization)

https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309544823&to=1711395944823&refresh=5s&viewPanel=8 (CPU Utilization)

https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309622068&to=1711396022068&refresh=5s&viewPanel=27 (System Load 15 min)

https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309648599&to=1711396048599&refresh=5s&viewPanel=13 (Space Utilization)

https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309670717&to=1711396070717&refresh=5s&viewPanel=28 (Number of logged in users) 

https://grafana.jrcomercio.com.br/d/UA28gl1Zz/zabbix-monitoring-linux-servers?orgId=1&from=1711309695710&to=1711396095710&refresh=5s&viewPanel=29 (Number of Running Process)

```

The data I want to import is in this attached print.

 ![Data](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/6/b65fa7318b57e7fa00e52d8529621bfedb5809d3.png)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [25 March 2024 20:18 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/16 "2024-03-25T20:18:52Z")

</div>

Where is the data that grafana is displaying coming from?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [25 March 2024 20:20 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/17 "2024-03-25T20:20:29Z")

</div>

1. Do you want to display exactly that image in Node-red dashboard?
2. Or do you want to extract the values to display with the Node-red gauges and LEDs that you have defined?
3. When you visit the site with your browser, and you login, does the page URL include account details: username and password? Do not show it to me, you can answer yes or no. If it does, that is the URL you need to use in your template.
4. Have you tried ny suggestion to move a template to "Widget in group"?

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [26 March 2024 01:47 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/18 "2024-03-26T01:47:01Z")

</div>

> [@Colin](#):
>
> Where is the data that grafana is displaying coming from?

From the server of the company I work for.

---

<div class="post-metadata">

**Author:** ![ErnestoBalestro](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ernestobalestro/32/89452_2.png) [@ErnestoBalestro](https://discourse.nodered.org/u/ErnestoBalestro)\
**Post date:** [26 March 2024 01:52 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/19 "2024-03-26T01:52:45Z")

</div>

> [@jbudd](#):
>
> Or do you want to extract the values to display with the Node-red gauges and LEDs that you have defined?

1 - No  
2 - Yes  
3 - No  
4 - No, i don't even know what that is.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [26 March 2024 07:28 UTC](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616/20 "2024-03-26T07:28:33Z")

</div>

> [@ErnestoBalestro](#):
>
> From the server of the company

The grafana page is an image, it is probably not practical to extract the values from the image. You should fetch the data directly from the server.

[Next page](https://discourse.nodered.org/t/question-about-importing-data-into-the-dashboard/86616.md?page=2)