alex9ufo 聰明人求知心切

2021年1月2日星期六

Node-Red Bar 條狀圖 Pie 餅狀圖

Node-Red Slider(滑桿)與Gauge(儀表)

[{"id":"3ff855e8.b02a5a","type":"ui_slider","z":"8929f3b6.359b7","name":"","label":"slider 滑桿","tooltip":"","group":"6c9116b.b62d4e8","order":2,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":0,"max":10,"step":1,"x":300,"y":540,"wires":[["10000d1b.4de743"]]},{"id":"10000d1b.4de743","type":"ui_gauge","z":"8929f3b6.359b7","name":"","group":"6c9116b.b62d4e8","order":5,"width":0,"height":0,"gtype":"gage","title":"gauge儀表","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":500,"y":540,"wires":[]},{"id":"fa0a3691.bf03d8","type":"ui_button","z":"8929f3b6.359b7","name":"","group":"6c9116b.b62d4e8","order":7,"width":0,"height":0,"passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"","icon":"","payload":"LED ON","payloadType":"str","topic":"","x":280,"y":600,"wires":[["99a76b2.24c8898"]]},{"id":"807b50d5.61c17","type":"ui_button","z":"8929f3b6.359b7","name":"","group":"6c9116b.b62d4e8","order":8,"width":0,"height":0,"passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"","icon":"","payload":"LED OFF","payloadType":"str","topic":"","x":290,"y":660,"wires":[["99a76b2.24c8898"]]},{"id":"99a76b2.24c8898","type":"ui_text","z":"8929f3b6.359b7","group":"6c9116b.b62d4e8","order":6,"width":0,"height":0,"name":"","label":"LED狀態","format":"{{msg.payload}}","layout":"row-spread","x":480,"y":620,"wires":[]},{"id":"6c9116b.b62d4e8","type":"ui_group","name":"LED","tab":"53b8c8f9.cfbe48","order":1,"disp":true,"width":"6","collapse":false},{"id":"53b8c8f9.cfbe48","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

Node-Red 亂數折線圖與正弦函數（sin）、餘弦函數（cos）

0~100亂數產生器

High =100;

Low =0 ;

msg.payload= Math.floor(Math.random() * (1 + High - Low)) + Low ;

return msg;

正弦函數

var t=context.get("t") || 0;

t+=1;

if (t>=30) t=0;

context.set("t",t);

msg.payload=Math.sin(2*3.14*t/30)*2

msg.topic="正弦函數(SIN)"

return msg;

Node-Red 程式1

[{"id":"8641eeea.a88db","type":"function","z":"8929f3b6.359b7","name":"正弦函數","func":"var t=context.get(\"t\") || 0;\nt+=1;\nif (t>=30) t=0;\n\ncontext.set(\"t\",t);\nmsg.payload=Math.sin(2*3.14*t/30)*2\nmsg.topic=\"正弦函數(SIN)\"\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":400,"y":200,"wires":[["53922be0.0de314"]]},{"id":"53922be0.0de314","type":"ui_chart","z":"8929f3b6.359b7","name":"","group":"b0cdcace.9d4b08","order":63,"width":0,"height":0,"label":"chart","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"-2","ymax":"2","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"x":600,"y":200,"wires":[[]]},{"id":"95ea2c5a.b1971","type":"inject","z":"8929f3b6.359b7","name":"1秒鐘 Timer","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"1","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":240,"y":220,"wires":[["8641eeea.a88db","db4f7a11.756e38"]]},{"id":"db4f7a11.756e38","type":"function","z":"8929f3b6.359b7","name":"餘弦函數 ","func":"var t=context.get(\"t\") || 0;\nt+=1;\nif (t>=30) t=0;\n\ncontext.set(\"t\",t);\nmsg.payload=Math.cos(2*3.14*t/30)*2\nmsg.topic=\"ˊ餘弦函數(COS)\"\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":400,"y":260,"wires":[["53922be0.0de314"]]},{"id":"f6c41572.0eac18","type":"inject","z":"8929f3b6.359b7","name":"清除","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":210,"y":320,"wires":[["83e16076.d60d"]]},{"id":"4e09de45.263e7","type":"ui_button","z":"8929f3b6.359b7","name":"","group":"b0cdcace.9d4b08","order":62,"width":0,"height":0,"passthru":false,"label":"清除","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":210,"y":360,"wires":[["83e16076.d60d"]]},{"id":"83e16076.d60d","type":"function","z":"8929f3b6.359b7","name":"","func":"msg.payload=[];\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":420,"y":320,"wires":[["53922be0.0de314"]]},{"id":"b0cdcace.9d4b08","type":"ui_group","name":"Num","tab":"53b8c8f9.cfbe48","order":6,"disp":true,"width":"6","collapse":false},{"id":"53b8c8f9.cfbe48","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

Node-Red 程式2

[{"id":"9ddd46f4.de3678","type":"function","z":"8bd90afd.137db8","name":"0~100亂數產生器","func":"High =100;\nLow =0 ;\nmsg.payload= Math.floor(Math.random() * (1 + High - Low)) + Low ;\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":390,"y":180,"wires":[["5cc339e6.103f08","3401eeb6.c22022"]]},{"id":"5c26f043.9e928","type":"inject","z":"8bd90afd.137db8","name":"5秒鐘 Timer","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"5","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":170,"y":180,"wires":[["9ddd46f4.de3678"]]},{"id":"31676d8e.5aa592","type":"inject","z":"8bd90afd.137db8","name":"清除","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":150,"y":260,"wires":[["b978b1dc.17eb7"]]},{"id":"b978b1dc.17eb7","type":"function","z":"8bd90afd.137db8","name":"","func":"msg.payload=[];\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":360,"y":260,"wires":[["3401eeb6.c22022"]]},{"id":"5cc339e6.103f08","type":"debug","z":"8bd90afd.137db8","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":610,"y":180,"wires":[]},{"id":"3401eeb6.c22022","type":"ui_chart","z":"8bd90afd.137db8","name":"","group":"4bd6d6a5.234c38","order":61,"width":0,"height":0,"label":"折線圖","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"0","ymax":"100","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"60","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"x":550,"y":240,"wires":[[]]},{"id":"f9417d5a.c4b1c","type":"ui_button","z":"8bd90afd.137db8","name":"","group":"4bd6d6a5.234c38","order":61,"width":"0","height":"0","passthru":false,"label":"清除折線圖","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":160,"y":320,"wires":[["b978b1dc.17eb7"]]},{"id":"4bd6d6a5.234c38","type":"ui_group","name":"Default","tab":"53b8c8f9.cfbe48","order":5,"disp":true,"width":"6","collapse":true},{"id":"53b8c8f9.cfbe48","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

Node-Red Dashboard 產生一個折線圖

Node-Red Dashboard 產生一個折線圖

0-100亂數產生器函數

High =100;

Low =0 ;

msg.payload= Math.floor(Math.random() * (1 + High - Low)) + Low ;

return msg;

清除函數

msg.payload=[];

return msg;

Node-Red程式

[{"id":"9ddd46f4.de3678","type":"function","z":"8bd90afd.137db8","name":"0~100亂數產生器","func":"High =100;\nLow =0 ;\nmsg.payload= Math.floor(Math.random() * (1 + High - Low)) + Low ;\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":390,"y":180,"wires":[["5cc339e6.103f08","3401eeb6.c22022"]]},{"id":"5c26f043.9e928","type":"inject","z":"8bd90afd.137db8","name":"5秒鐘 Timer","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"5","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":170,"y":180,"wires":[["9ddd46f4.de3678"]]},{"id":"31676d8e.5aa592","type":"inject","z":"8bd90afd.137db8","name":"清除","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":150,"y":260,"wires":[["b978b1dc.17eb7"]]},{"id":"b978b1dc.17eb7","type":"function","z":"8bd90afd.137db8","name":"","func":"msg.payload=[];\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":360,"y":260,"wires":[["3401eeb6.c22022"]]},{"id":"5cc339e6.103f08","type":"debug","z":"8bd90afd.137db8","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":610,"y":180,"wires":[]},{"id":"3401eeb6.c22022","type":"ui_chart","z":"8bd90afd.137db8","name":"","group":"ac0f1141.eb50e","order":61,"width":0,"height":0,"label":"折線圖","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"0","ymax":"100","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"60","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"x":550,"y":240,"wires":[[]]},{"id":"9cdc2525.961b18","type":"ui_button","z":"8bd90afd.137db8","name":"","group":"ac0f1141.eb50e","order":62,"width":0,"height":0,"passthru":false,"label":"清除","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":150,"y":300,"wires":[["b978b1dc.17eb7"]]},{"id":"ac0f1141.eb50e","type":"ui_group","name":"Num","tab":"53b8c8f9.cfbe48","order":1,"disp":true,"width":"15","collapse":true},{"id":"53b8c8f9.cfbe48","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

Node-Red 讀取opendata PM2.5

Node-Red 讀取opendata

1) https://data.gov.tw/dataset/34827 選json 檔案

https://data.epa.gov.tw/api/v1/aqx_p_02?limit=1000&api_key=9be7b239-557b-4c10-9775-78cadfc555e9&format=json

2) 選擇地點例如大里

https://www.ntepb.gov.tw/sub/content/index.aspx?Parser=1,17,511,494,496

3) Node-Red 的 flow

GET

https://data.epa.gov.tw/api/v1/aqx_p_02?limit=1000&api_key=9be7b239-557b-4c10-9775-78cadfc555e9&format=json

a) 先找出JSON object 資料

2021/1/2 下午3:47:59node: 560857db.b58bc8msg.payload : Object

object

include_total: true

resource_id: "7eb5190e-d4a9-4d0f-b319-c70c4f8d9482"

fields: array[5]

__extras: object

records_format: "objects"

records: array[83]

[0 … 9]

[10 … 19]

10: object

11: object

12: object

13: object

14: object

15: object

16: object

17: object

18: object

19: object

[20 … 29]

20: object

Site: "大里"

county: "臺中市"

PM25: "14"

DataCreationDate: "2021-01-02 15:00"

ItemUnit: "μg/m3"

21: object

22: object

23: object

24: object

25: object

26: object

27: object

28: object

29: object

[30 … 39]

[40 … 49]

[50 … 59]

[60 … 69]

[70 … 79]

[80 … 82]

limit: 1000

offset: 0

_links: object

total: 83

2) 擷取 records 欄位

var PM25=msg.payload.records;

msg.payload=PM25;

return msg;

msg.payload : array[83]

array[83]

[0 … 9]

[10 … 19]

[20 … 29]

20: object

Site: "大里"

county: "臺中市"

PM25: "14"

DataCreationDate: "2021-01-02 15:00"

ItemUnit: "μg/m3"

21: object

22: object

23: object

24: object

25: object

26: object

27: object

28: object

29: object

[30 … 39]

[40 … 49]

[50 … 59]

[60 … 69]

[70 … 79]

[80 … 82]

3) 擷取大里區的 PM25 , DataCreationDate 欄位

var PM25=msg.payload;

//Array.from(PM25).forEach(function(e,i){

PM25.forEach(function(e,i){

if(e['Site']=='大里'){

msg.PM25 = e['PM25'];

msg.PublishTime=e['DataCreationDate'];

}

});

return msg;

4) 擷取大里區的 PM25

msg.payload=msg.PM25;

return msg;

2021/1/2 下午3:48:01node: 929873be.36b22msg.PM25 : string[2]

"14"

5) 擷取大里區的 PublishTime

msg.payload=msg.PublishTime;

return msg;

2021/1/2 下午3:48:02node: 582734d2.8e4bacmsg.PublishTime : string[16]

"2021-01-02 15:00"

Node-Red程式

訂閱：文章 (Atom)

2021年1月2日 星期六

Node-Red Bar 條狀圖 Pie 餅狀圖

Node-Red Slider(滑桿)與Gauge(儀表)

Node-Red 亂數折線圖 與 正弦函數（sin）、餘弦函數（cos）

Node-Red Dashboard 產生一個折線圖

Node-Red 讀取opendata PM2.5

2021年1月2日星期六

Node-Red 亂數折線圖與正弦函數（sin）、餘弦函數（cos）