[Example] node-red-dashboard charts sample

Questions and Answers

Moderator: IoTStudio Support

Post Reply
IoTStudio Support
Posts: 39
Joined: Wed Nov 23, 2022 9:26 am

[Example] node-red-dashboard charts sample

Post by IoTStudio Support »

charts2.png
charts2.png (87.81 KiB) Viewed 1470 times
The below is node-red-dashboard charts flow sample for IoT Studio try:

Code: Select all

[{"id":"ad053c8f02399bda","type":"ui_chart","z":"72737147ddb2b89f","name":"","group":"b02eb63cb710eca0","order":1,"width":6,"height":4,"label":"line chart","chartType":"line","legend":"false","xformat":"auto","interpolate":"linear","nodata":"No Data","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":700,"y":120,"wires":[[]]},{"id":"237d6b05597c3558","type":"ui_chart","z":"72737147ddb2b89f","name":"","group":"cd3a47a467d923a3","order":1,"width":0,"height":0,"label":"bar chart","chartType":"bar","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"No Data","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":700,"y":160,"wires":[[]]},{"id":"c17b029bd7f7d548","type":"ui_chart","z":"72737147ddb2b89f","name":"pie chart","group":"9ce57f5e7340918f","order":1,"width":0,"height":0,"label":"pie chart","chartType":"pie","legend":"true","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":"30","useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":700,"y":240,"wires":[[]]},{"id":"dd3c676fb27d9935","type":"ui_chart","z":"72737147ddb2b89f","name":"","group":"4e7edda4.417004","order":1,"width":6,"height":5,"label":"horizontal bar","chartType":"horizontalBar","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":"30","useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":720,"y":200,"wires":[[]]},{"id":"de51a51193fb11f7","type":"ui_chart","z":"72737147ddb2b89f","name":"","group":"68d892c556f1d9c2","order":1,"width":0,"height":0,"label":"polar chart","chartType":"polar-area","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":"30","useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":710,"y":280,"wires":[[]]},{"id":"74c2691fc69074e3","type":"ui_chart","z":"72737147ddb2b89f","name":"","group":"ea3b2e2e514defa7","order":1,"width":0,"height":0,"label":"radar chart","chartType":"radar","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":"30","useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":710,"y":320,"wires":[[]]},{"id":"8e0803a889a41583","type":"function","z":"72737147ddb2b89f","name":"Data","func":"var m = {};\nm.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];\nm.data = [[28, 48, 40, 19, 86, 27, 90]];\nm.series = ['Series A'];\nreturn {payload:[m],topic:msg.topic};","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":530,"y":320,"wires":[["74c2691fc69074e3"]]},{"id":"ea911bfe1e41e704","type":"inject","z":"72737147ddb2b89f","name":"","props":[],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","x":390,"y":160,"wires":[["8e0803a889a41583","38bc67433aa09959","67d705f67508f9a6"]]},{"id":"38bc67433aa09959","type":"function","z":"72737147ddb2b89f","name":"Data","func":"var m={\n    \"series\":[\"X\",\"Y\",\"Z\"],\n    \"data\":[[5,6,9],[3,8,5],[6,7,2]],\n    \"labels\":[\"Jan\",\"Feb\",\"Mar\"]\n};\nreturn {payload:[m]};","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":530,"y":280,"wires":[["de51a51193fb11f7"]]},{"id":"67d705f67508f9a6","type":"function","z":"72737147ddb2b89f","name":"Data","func":"var m={};\nm.labels = [10,20,30,40,50,60,70];\nm.series = ['Series A', 'Series B', 'Series C', 'Series D'];\nm.data = [\n    [65, 59, 80, 81, 56, 55, 40],\n    [28, 48, 40, 19, 86, 27, 90],\n    [38, 28, 20, 49, 45, 60, 20],\n    [58, 18, 40, 29, 15, 30, 60]\n  ];\nreturn {payload:[m]};","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":530,"y":160,"wires":[["c17b029bd7f7d548","237d6b05597c3558","ad053c8f02399bda","dd3c676fb27d9935"]]},{"id":"b02eb63cb710eca0","type":"ui_group","name":"line chart","tab":"10c636908940c8dc","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"cd3a47a467d923a3","type":"ui_group","name":"bar chart","tab":"10c636908940c8dc","order":2,"disp":true,"width":"6","collapse":false,"className":""},{"id":"9ce57f5e7340918f","type":"ui_group","name":"pie chart","tab":"10c636908940c8dc","order":4,"disp":true,"width":"6","collapse":false,"className":""},{"id":"4e7edda4.417004","type":"ui_group","name":"horizontal bar","tab":"10c636908940c8dc","order":3,"disp":false,"width":"6","collapse":false,"className":""},{"id":"68d892c556f1d9c2","type":"ui_group","name":"polar chart","tab":"10c636908940c8dc","order":5,"disp":true,"width":"6","collapse":false,"className":""},{"id":"ea3b2e2e514defa7","type":"ui_group","name":"radar chart","tab":"10c636908940c8dc","order":6,"disp":true,"width":"6","collapse":false,"className":""},{"id":"10c636908940c8dc","type":"ui_tab","name":"Charts","icon":"dashboard","disabled":false,"hidden":false}]
Best Regards,
IoT Studio Support Team
Post Reply