Skip to Content

Register Login

Industry Online Support

Technical Forum

Navigation

Can not draw a chart with Node-red

Created by: Veckoff at: 12/26/2018 5:35 PM (4 Replies)

Rating (0)

Thanks 1

5 Entries

12/26/2018 5:35 PM	Rate (0)
Veckoff Regular Member Joined: 2/22/2018 Last visit: 6/17/2022 Posts: 7 Rating: (0)	Hello, I'm programming my IOT2020 and I can not draw a chart with Node-red delivering the data with a function: var m = { "series": ["X"], "data": [[1500,2600,2000]], "labels": ["EST.1", "EST.2", "EST.3"] }; return {payload: [m]}; The weird thing is that if I do the same in a Node-red of a raspberry it works. what am I doing wrong? Thank you ------------------------------------------------------------------------------------------ Split from How can draw chart with nodered dashboard?.
	Last edited by: Veckoff at: 12/26/2018 5:44:50 PM Last edited by: Jen_Moderator at: 12/26/2018 8:33:13 PM New subject after splitting
Suggestion To thank Quote Answer

1/2/2019 11:13 AM	Rate (0)
bergmanu Platinum Member Joined: 4/28/2015 Last visit: 10/30/2024 Posts: 3345 Rating: (379)	Hi, could you post your node-red flow here? Best regards!
	Not working for IOT2050 support anymore from March 1st, 2024. I really enjoyed the time supporting you! :)
Suggestion To thank Quote Answer

1/2/2019 3:28 PM	Rate (0)
Veckoff Regular Member Joined: 2/22/2018 Last visit: 6/17/2022 Posts: 7 Rating: (0)	Hi, Happy new year for all!! this is the flow: [{"id":"4484fd09.36a68c","type":"tab","label":"Flow 1"},{"id":"ed8a5771.539978","type":"inject","z":"4484fd09.36a68c","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"x":141,"y":248,"wires":[["19c794f5.7daeb3"]]},{"id":"19c794f5.7daeb3","type":"function","z":"4484fd09.36a68c","name":"","func":"var m={\n \"series\":[\"X\"],\n \"data\":[[1500,2600,2000]],\n \"labels\":[\"EST.1\",\"EST.2\",\"EST.3\"]\n};\nreturn {payload:[m]};\n","outputs":1,"noerr":0,"x":332,"y":238,"wires":[["72cdf6fa.70ea2"]]},{"id":"72cdf6fa.70ea2","type":"ui_chart","z":"4484fd09.36a68c","name":"","group":"253f1374.b4317c","order":1,"width":0,"height":0,"label":"NIVEL ESTANQUES","chartType":"bar","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"DATO","dot":false,"ymin":"","ymax":"","removeOlder":"72","removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"useOldStyle":true,"x":591,"y":239,"wires":[[],[]]},{"id":"253f1374.b4317c","type":"ui_group","z":"","name":"opcional","tab":"dc7b99f5.0ed51","order":5,"disp":true,"width":"6"},{"id":"dc7b99f5.0ed51","type":"ui_tab","z":"","name":"NIVEL ESTANQUES","icon":"dashboard"}]

Suggestion To thank Quote Answer

1/2/2019 4:02 PM	Rate (0)
bergmanu Platinum Member Joined: 4/28/2015 Last visit: 10/30/2024 Posts: 3345 Rating: (379)	Hi, I don't know why but it seems like the chart couldn't handle the object comming from the function node. I have attached a flow, where I have changed the function node a little bit. Don't know if this helps you but I can show three different bars in one chart like this. [{"id":"70783ca6.2378b4","type":"inject","z":"e5597811.54dd48","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"x":150.99999237060547,"y":239.00000190734863,"wires":[["dd513aed.48efb8"]]},{"id":"45e6e15d.92db5","type":"ui_chart","z":"e5597811.54dd48","name":"","group":"48093c17.0dc7d4","order":1,"width":0,"height":0,"label":"NIVEL ESTANQUES","chartType":"bar","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"DATO","ymin":"","ymax":"","removeOlder":"72","removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"x":630.0000305175781,"y":239.99999237060547,"wires":[[],[]]},{"id":"dd513aed.48efb8","type":"function","z":"e5597811.54dd48","name":"","func":"//var m={\n// \"key\":[\"X\"],\n// \"data\":[[1500,2600,2000]],\n// \"labels\":[\"EST.1\",\"EST.2\",\"EST.3\"]\n//};\n//return {payload:[m]};\n\nvar m1 = {};\nvar m2 = {};\nvar m3 = {};\n\nm1.payload = 1500;\nm1.topic = 'EST.1';\n\nm2.payload = 2600;\nm2.topic = 'EST.2';\n\nm3.payload = 2000;\nm3.topic = 'EST.3';\n\nreturn [m1, m2, m3];","outputs":"3","noerr":0,"x":361.01422119140625,"y":237.0056610107422,"wires":[["45e6e15d.92db5"],["45e6e15d.92db5"],["45e6e15d.92db5"]]},{"id":"48093c17.0dc7d4","type":"ui_group","z":"","name":"opcional","tab":"6ab8e990.673d78","order":5,"disp":true,"width":"6"},{"id":"6ab8e990.673d78","type":"ui_tab","z":"","name":"NIVEL ESTANQUES","icon":"dashboard"}] Best regards!
	Not working for IOT2050 support anymore from March 1st, 2024. I really enjoyed the time supporting you! :)
Suggestion To thank Quote Answer

1/2/2019 10:59 PM	Rate (0)
Veckoff Regular Member Joined: 2/22/2018 Last visit: 6/17/2022 Posts: 7 Rating: (0)	Thanks a lot!!!, its work

Suggestion To thank Quote Answer
This contribution was helpful to 1 thankful Users bergmanu

|

Share this page:

Share this page on...

Related topics by keywords:

SIMATIC IOT2000 Programing

Follow us on