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
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"}}]
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.
Environment
Have you provided an initial effort estimate for this issue?
I am not a FlowFuse team member