When a chart node is sent real time payloads containing multiple series then the chart is cleared on browser refresh #2049
Description
Current Behavior
When a chart node is given messages sequentially, where each payload contains multiple series and the browser page is refreshed then the chart is cleared. The same thing happens on switching away from the page and then back again
Expected Behavior
The chart should not be cleared
Steps To Reproduce
Import this flow and run it. After a time refresh the page.
[{"id":"0ab5c415ed940ea6","type":"group","z":"997da33a0beedade","name":"Multi series chart test","style":{"label":true},"nodes":["ba41b692dfb2e8ae","592d028f96a0c84e","f2cc910a6bf6108b","914b1b1e5b2e85d4"],"x":734,"y":2599,"w":392,"h":202},{"id":"ba41b692dfb2e8ae","type":"ui-chart","z":"997da33a0beedade","g":"0ab5c415ed940ea6","group":"4f87bd59a15b847e","name":"multi series test","label":"multi series test","order":3,"chartType":"line","category":"[\"sin\",\"cos\"]","categoryType":"json","xAxisLabel":"","xAxisProperty":"","xAxisPropertyType":"timestamp","xAxisType":"time","xAxisFormat":"","xAxisFormatType":"{HH}:{mm}:{ss}","xmin":"","xmax":"","yAxisLabel":"","yAxisProperty":"payload.value","yAxisPropertyType":"msg","ymin":"","ymax":"","bins":10,"action":"append","stackSeries":false,"pointShape":"circle","pointRadius":"3","showLegend":true,"removeOlder":"1","removeOlderUnit":"60","removeOlderPoints":"","colors":["#0095ff","#ff0000","#ff7f0e","#2ca02c","#a347e1","#d62728","#ff9896","#9467bd","#c5b0d5"],"textColor":["#346cda"],"textColorDefault":false,"gridColor":["#2dd920"],"gridColorDefault":false,"width":"4","height":"4","className":"","interpolation":"linear","x":980,"y":2700,"wires":[[]]},{"id":"592d028f96a0c84e","type":"inject","z":"997da33a0beedade","g":"0ab5c415ed940ea6","name":"","props":[{"p":"payload"}],"repeat":"2","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":850,"y":2640,"wires":[["f2cc910a6bf6108b"]]},{"id":"f2cc910a6bf6108b","type":"function","z":"997da33a0beedade","g":"0ab5c415ed940ea6","name":"Sine wave","func":"const min =5\nconst max = 8\nconst now = new Date().getTime()\n// 1 cycle/min\nlet sin = Math.sin(now*6.283/60000) * (max-min)/2 + (max+min)/2\nlet cos = Math.cos(now*6.283/60000) * (max-min)/2 + (max+min)/2\nmsg.payload = {sin: sin, cos: cos}\nreturn msg","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":1030,"y":2640,"wires":[["ba41b692dfb2e8ae"]]},{"id":"914b1b1e5b2e85d4","type":"inject","z":"997da33a0beedade","g":"0ab5c415ed940ea6","name":"Clear","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[]","payloadType":"json","x":850,"y":2760,"wires":[["ba41b692dfb2e8ae"]]},{"id":"4f87bd59a15b847e","type":"ui-group","name":"test","page":"c6ff182a4185f2f2","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"c6ff182a4185f2f2","type":"ui-page","name":"Test page","ui":"ID-BASE-1","path":"/testpage","icon":"home","layout":"grid","theme":"c4cba76c368d7996","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":11,"className":"","visible":true,"disabled":false},{"id":"ID-BASE-1","type":"ui-base","name":"Dashboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-control","ui-notification"],"showPathInSidebar":false,"headerContent":"page","titleBarStyle":"default","showReconnectNotification":false,"notificationDisplayTime":"1","showDisconnectNotification":true,"allowInstall":true},{"id":"c4cba76c368d7996","type":"ui-theme","name":"Test theme","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}},{"id":"e5a53e1441a98c83","type":"global-config","env":[],"modules":{"@flowfuse/node-red-dashboard":"1.30.2"}}]
Environment
- Dashboard version: 1.30.2
- Node-RED version: 5.0.0 Beta 2
- Node.js version: 22.22.0
- npm version:
- Platform/OS: Ubuntu
- Browser: Brave
Have you provided an initial effort estimate for this issue?
I am not a FlowFuse team member