Problem with the chart node when i refresh the dashboard

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 :

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

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 :

[
    {
        "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

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.