Node-Red Dashboard 儀表板

 Node-Red Dashboard 儀表板

[{"id":"adf369ddecee6006","type":"inject","z":"5a79923e22a00434","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"1","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":140,"y":120,"wires":[["9da4406d95bbf298"]]},{"id":"9da4406d95bbf298","type":"function","z":"5a79923e22a00434","name":"產生亂數 function  ","func":"msg.payload=Math.random()\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":350,"y":120,"wires":[["609dbddbd8ad845d","b1e0a272d310792f"]]},{"id":"609dbddbd8ad845d","type":"ui_chart","z":"5a79923e22a00434","name":"","group":"f4a49ee6.74194","order":46,"width":0,"height":0,"label":"chart","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","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":590,"y":120,"wires":[[]]},{"id":"b1e0a272d310792f","type":"ui_gauge","z":"5a79923e22a00434","name":"","group":"f4a49ee6.74194","order":18,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":"1","colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","className":"","x":590,"y":160,"wires":[]},{"id":"f4a49ee6.74194","type":"ui_group","name":"Default","tab":"96c86955.4db458","order":1,"disp":true,"width":"6"},{"id":"96c86955.4db458","type":"ui_tab","name":"Home","icon":"dashboard"}]

參考來源
http://blog.3dgowl.com/node-red-dashboard%E5%84%80%E8%A1%A8%E6%9D%BF/