# Problem with the chart node when i refresh the dashboard

**URL:** https://discourse.nodered.org/t/problem-with-the-chart-node-when-i-refresh-the-dashboard/79701
**Category:** Dashboard
**Created:** [10 July 2023 15:00 UTC](https://discourse.nodered.org/t/problem-with-the-chart-node-when-i-refresh-the-dashboard/79701 "2023-07-10T15:00:05Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Ooooolaw](https://avatars.discourse-cdn.com/v4/letter/o/f08c70/32.png) [@Ooooolaw](https://discourse.nodered.org/u/Ooooolaw)
#### Post date: [10 July 2023 15:00 UTC](https://discourse.nodered.org/t/problem-with-the-chart-node-when-i-refresh-the-dashboard/79701/1 "2023-07-10T15:00:05Z")

</div>

Hello,

I have a problem with the chart. When i add data to it, there is no problem as you can see in this picture :

 ![pasdeprobl](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/b/8b6892d899be9c3b34b659d0bbfaad968747241b.png)

But everytime I reload the dashboard, i get this type of chart :

 ![prob](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/6/067fff3c6baec26f13796d19dd45bad71b2fc28c.png)

I don't know why but it seems that all the data I have is collected in one vertical line and the X-axis also become completely broken.

Do you know how I can fix this ?

Here is my flow :

```auto
[
    {
        "id": "0bdd055003648e9c",
        "type": "inject",
        "z": "50541a11ea0ddd31",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "machine",
        "payload": "3",
        "payloadType": "str",
        "x": 400,
        "y": 120,
        "wires": [
            [
                "104a8c55258fdcb9"
            ]
        ]
    },
    {
        "id": "b3776f31078403a0",
        "type": "inject",
        "z": "50541a11ea0ddd31",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "machine",
        "payload": "2",
        "payloadType": "str",
        "x": 400,
        "y": 160,
        "wires": [
            [
                "104a8c55258fdcb9"
            ]
        ]
    },
    {
        "id": "104a8c55258fdcb9",
        "type": "ui_chart",
        "z": "50541a11ea0ddd31",
        "name": "Utilisation des machines",
        "group": "221e986aa1db4c25",
        "order": 1,
        "width": 14,
        "height": "9",
        "label": "test",
        "chartType": "line",
        "legend": "false",
        "xformat": "HH:mm",
        "interpolate": "bezier",
        "nodata": "Aucunes données",
        "dot": false,
        "ymin": "",
        "ymax": "",
        "removeOlder": 1,
        "removeOlderPoints": "",
        "removeOlderUnit": "86400",
        "cutout": 0,
        "useOneColor": false,
        "useUTC": true,
        "colors": [
            "#ff0000",
            "#aec7e8",
            "#ff7f0e",
            "#2ca02c",
            "#98df8a",
            "#ea0606",
            "#ff9896",
            "#9467bd",
            "#c5b0d5"
        ],
        "outputs": 1,
        "useDifferentColor": false,
        "x": 670,
        "y": 120,
        "wires": [
            []
        ]
    },
    {
        "id": "221e986aa1db4c25",
        "type": "ui_group",
        "name": "Taux d'utilisation des SESCO",
        "tab": "6382bf7e323753a3",
        "order": 2,
        "disp": true,
        "width": "14",
        "collapse": false
    },
    {
        "id": "6382bf7e323753a3",
        "type": "ui_tab",
        "name": "Sesco",
        "icon": "dashboard",
        "order": 3,
        "disabled": false,
        "hidden": false
    }
]

```

`> Blockquote`

---

<div class="post-metadata">

### Author: ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)
#### Post date: [11 July 2023 00:16 UTC](https://discourse.nodered.org/t/problem-with-the-chart-node-when-i-refresh-the-dashboard/79701/2 "2023-07-11T00:16:22Z")

</div>

Welcome to the Forum.  
your flow works fine for me, I am unable to replicate your issue. when browser is refreshed, the graph compressses, but still shows the previous readings.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [10 August 2023 00:17 UTC](https://discourse.nodered.org/t/problem-with-the-chart-node-when-i-refresh-the-dashboard/79701/3 "2023-08-10T00:17:00Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
