Chart: Axis not updating correctly with point/time limits

[DiogoGoncalves35]

After the new update, the chart stopped working as expected. I have already tried to include property X as "timestamp", but the problem continues. Do you have any ideas on how to solve this issue?

[colinl]

Have you tried restarting node red?
Show us how you have configured the node and a sample of the data you are feeding to it. Also tell us what is not working.

[joepavitt]

Going to need more information here, what data were you passing in? What properties did you have configured? What chart type were you using?

[DiogoGoncalves35]

I already tried to restart Node-Red but the problem persists.

Function Node (Before connecting to chart):
msg.topic = "Input" msg.payload = { "Y_Axis": msg.payload } return msg;

Ui-Chart-Configuration
{ "id": "02f1bf493c1b64ce", "type": "ui-chart", "z": "5b733c2dd6b81e4c", "g": "20b44803b0943e84", "group": "0ce29f646ca1844a", "name": "Voltage", "label": "Voltage", "order": 4, "chartType": "line", "category": "topic", "categoryType": "msg", "xAxisLabel": "Time", "xAxisProperty": "", "xAxisPropertyType": "timestamp", "xAxisType": "time", "xAxisFormat": "ss", "xAxisFormatType": "custom", "xmin": "", "xmax": "", "yAxisLabel": "Voltage (V)", "yAxisProperty": "Y_Axis", "yAxisPropertyType": "property", "ymin": "0", "ymax": "", "bins": "", "action": "append", "stackSeries": false, "pointShape": "circle", "pointRadius": 4, "showLegend": true, "removeOlder": "5", "removeOlderUnit": "1", "removeOlderPoints": "5", "colors": [ "#0095ff", "#ff0000", "#ff7f0e", "#2ca02c", "#a347e1", "#d62728", "#ff9896", "#9467bd", "#c5b0d5" ], "textColor": [ "#666666" ], "textColorDefault": true, "gridColor": [ "#e5e5e5" ], "gridColorDefault": true, "width": 6, "height": "9", "className": "", "x": 780, "y": 2160, "wires": [ [] ] }

This photo shows the problem, the data only shows on the end of the chart, and after a few seconds dissapears.

This is how it worked before.

[joepavitt]

I can reproduce the problem. Thanks for raising @DiogoGoncalves35

I can see the data is plotted, but the issue is with the x-axis not then setting the min/max correctly given the 5 second (and 5 point) limit on the x-axis

Flow to reproduce:

``` [ { "id": "02f1bf493c1b64ce", "type": "ui-chart", "z": "9c18a4bf6ab4e5c1", "group": "bc85393f5d333159", "name": "Voltage", "label": "Voltage", "order": 2, "chartType": "line", "category": "topic", "categoryType": "msg", "xAxisLabel": "Time", "xAxisProperty": "", "xAxisPropertyType": "timestamp", "xAxisType": "time", "xAxisFormat": "ss", "xAxisFormatType": "custom", "xmin": "", "xmax": "", "yAxisLabel": "Voltage (V)", "yAxisProperty": "Y_Axis", "yAxisPropertyType": "property", "ymin": "0", "ymax": "", "bins": "", "action": "append", "stackSeries": false, "pointShape": "circle", "pointRadius": 4, "showLegend": true, "removeOlder": "5", "removeOlderUnit": "1", "removeOlderPoints": "5", "colors": [ "#0095ff", "#ff0000", "#ff7f0e", "#2ca02c", "#a347e1", "#d62728", "#ff9896", "#9467bd", "#c5b0d5" ], "textColor": [ "#666666" ], "textColorDefault": true, "gridColor": [ "#e5e5e5" ], "gridColorDefault": true, "width": 6, "height": "9", "className": "", "interpolation": "linear", "x": 420, "y": 500, "wires": [ [] ] }, { "id": "f9c0bbb5b499b56a", "type": "inject", "z": "9c18a4bf6ab4e5c1", "name": "", "props": [ { "p": "payload" } ], "repeat": "1", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "", "payload": "0", "payloadType": "num", "x": 90, "y": 500, "wires": [ [ "b1c0da3108abe7cd" ] ] }, { "id": "b1c0da3108abe7cd", "type": "function", "z": "9c18a4bf6ab4e5c1", "name": "function 10", "func": "msg.topic = \"Input\"\nmsg.payload = { \"Y_Axis\": msg.payload }\nreturn msg", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 250, "y": 500, "wires": [ [ "02f1bf493c1b64ce" ] ] }, { "id": "bc85393f5d333159", "type": "ui-group", "name": "Missing Chart Data Point", "page": "e1485bf6463a69a9", "width": "6", "height": "1", "order": 3, "showTitle": true, "className": "", "visible": "true", "disabled": "false" }, { "id": "e1485bf6463a69a9", "type": "ui-page", "name": "Debugging", "ui": "c2e1aa56f50f03bd", "path": "/debugging", "icon": "bug", "layout": "tabs", "theme": "129e99574def90a3", "order": 35, "className": "", "visible": "true", "disabled": "false" }, { "id": "c2e1aa56f50f03bd", "type": "ui-base", "name": "Dashboard", "path": "/dashboard", "includeClientData": true, "acceptsClientConfig": [ "ui-control", "ui-notification" ], "showPathInSidebar": false, "showPageTitle": false, "navigationStyle": "icon", "titleBarStyle": "default" }, { "id": "129e99574def90a3", "type": "ui-theme", "name": "Custom Theme", "colors": { "surface": "#000000", "primary": "#ff4000", "bgPage": "#f0f0f0", "groupBg": "#ffffff", "groupOutline": "#d9d9d9" }, "sizes": { "pagePadding": "24px", "groupGap": "12px", "groupBorderRadius": "9px", "widgetGap": "6px", "density": "default" } } ] ```