Izveidojiet savus grafikus maniem IOT datiem aveņu PI: 3 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:57

Lūdzu, izlasiet tālāk, ja vēlaties izveidot savas IOT diagrammas, izmantojot 7 koda rindiņas.

Es vēlējos izveidot diagrammas, lai tīmekļa lapā parādītu datus grafiskā formātā no saviem IOT sensoriem. Iepriekš šim nolūkam savai datu bāzes sistēmai - MySQL - biju izmantojis trešo pušu pakalpojumus (daži apmaksāti) un trešo pušu grafika funkcijas, izmantojot programmēšanas valodu, kas pazīstama kā Php. Es uzskatu, ka šo trešo pušu pakalpojumu ieviešana ir pārāk sarežģīta vai pārāk dārga. Tāpēc es esmu uzrakstījis savu vienkāršo Php funkciju, kas ņem datus kā masīvus no teksta faila vai datu bāzes tabulas (iespējams, no MySQL) un parāda tos kā līnijas diagrammu tīmekļa lapā. Esmu padarījis visu php kodu pieejamu vietnē github-https://github.com/scanos/php-simple-chart. Šeit es esmu iekļāvis arī daļu no koda - pirmais php fails - PhpSimpleChart2.php - satur līnijas diagrammas funkciju failu, otrs, PhpSimpleChart_ex1.php, ir faila paraugs, kas parāda, kā to izmantot. Es iesaku jums apmeklēt arī github lapu, lai iegūtu koda atjauninājumus.

Es to izvietoju savā Raspberry Pi. Lūk, kas jums nepieciešams:

1) Dažas zināšanas par tīmekļa servera, piemēram, Apache, izvietošanu, tādu datu bāzi kā Mysql un PHP. Kopā tie ir pazīstami kā LAMP - Linux, Apache, Mysql un PHP. un tīmeklī ir milzīgs informācijas daudzums par to izvietošanu Raspberry Pi. Tāpēc es to šeit neaprakstīšu.

2) LAMP linux vide - atkal, piemēram, Raspberry Pi.

3) līdzeklis, lai augšupielādētu un izveidotu failus savā tīmekļa vidē, t.i., Raspberry Pi mapēs, kur izvietojat savas programmas php failus.

Tālāk es jums parādīšu, kā izveidot savus Php failus, izmantojot divus php failus, uz kuriem es minēju iepriekš.

1. darbība: PHP funkcijas kods - PhpSimpleChart2.php

Šo failu sauc par PhpSimpleChart2.php - jums tas būs jālejupielādē no git krātuves, noklikšķinot uz lejupielādes / klonēšanas pogas - skatiet attēlu iepriekš. Kad esat to izdarījis, pārsūtiet abus php failus uz savu tīmekļa serveri, izmantojot savu standarta FTP klientu, vai arī, iespējams, Raspberry Pi esat iestatījis samba kopīgošanu, kas padara jūsu Pi mapes līdzīgas Windows mapēm.

Jums tiešām nav jāmaina kods šajā galvenajā Php failā - PhpSimpleChart2.php. Šī ir vienkārša līniju diagrammas izveides funkcija Php. Būtībā funkcijai tiek nodoti 2 masīvi, kā arī citi argumenti, piemēram, diagrammas izmēri. Pirmajā masīvā ir pirmās neapstrādātās vērtības, piemēram, temperatūra utt. Otrais masīvs satur saistītās datuma vērtības. Programma mēģina automātiski mainīt grafika izmēru atkarībā no diapazona, min, max un masīva elementiem. Iegūto diagrammu var izgriezt un ielīmēt MS Office dokumentos kā gif,-p.webp

Kad esat augšupielādējis PhpSimpleChart2.php savā tīmekļa serverī, varat uzrakstīt savu skriptu, lai to izmantotu. Tas ir parādīts nākamajā lapā.

2. darbība. Rakstiet savu programmu, pamatojoties uz programmas piemēru

Esmu parādījis programmas piemēru PhpSimpleChart_ex1.php, kas atkal atrodas git repozitorijā. Pirmā koda rinda ir izsaukt php skriptu, kurā ir diagrammu veidošanas funkcija -

pieprasīt ("PhpSimpleChart2.php");

Šajā gadījumā fails PhpSimpleChart2.php tiek ievietots tajā pašā mapē kā skripts, kuru rakstāt, lai to izsauktu. Cerams, ka jūs zināt, ka php failiem ir jābūt pareiziem lasīšanas / rakstīšanas rekvizītiem 755.

Tālāk jums jāizveido datu avoti un jāaizpilda masīvs. Šeit ir masīvu piemēri, viens datiem un otrs saistītiem datumiem un laikiem. Acīmredzot abos masīvos jābūt vienādam vērtību skaitam.

$ data_array = masīvs ("12", "15", "18", "12", "11", "23", "11", "24", "15", "18", "12", " 11 "," 23 "," 11 "," 24 ");

$ date_array = array ("12th 14h", "12th 15h", "12th 16h", "12th 17h", "12th 18h", "12th 19h", "12th 20h", "12th 21h", "12th 15h", "12. 16h", "12th 17h", "12th 18h", "12th 19h", "12th 20h", "12th 21h");

Parasti šīs vērtības lasāt no datu bāzes vaicājuma vai ielādējat no teksta faila.

Tālāk jums jāiestata diagrammas parametri. Tas ir diezgan taisni uz priekšu. Vispirms iestatiet nosaukumus un pēc tam fiksējiet diagrammas augstumu un platumu.

$ chart_text = "Mana testa diagramma, 2018. gada jūlijs";

$ y_title = "Temperatūra C";

$ x_scale = 1000;

$ y_scale = 400;

Pēc tam jūs izsaucat funkciju izsaukumu šādi.

draw_line_chart ($ data_array, $ date_array, $ chart_text, $ x_scale, $ y_scale, $ y_title);

Es esmu parādījis šīs piemēra programmas izvadi pievienotajā attēlā. Diagrammu veidošanas funkcija mēģina automātiski mērogot un izvairīties no y ass un diagrammas deskriptora punktu jucekļa. Cerams, ka tas jums noder. Tas ir viss, kas jums nepieciešams.

3. solis: secinājums

Es ceru, ka jums tas šķita noderīgi. Jūs, iespējams, izmantojat citu jums piemērotu metodi, taču šeit ir dažas domas jebkurā gadījumā;

1) Lielākā daļa trešo pušu IOT grafisko pakalpojumu darbojas kā tiešsaistes pakalpojums, kas parasti ir pieejams kā API.

2) IOT lietotājiem ir plašs kompetences spektrs grafikas funkcionalitātes ieviešanā.

PROS par manu risinājumu

a) Var darboties bezsaistē

b) nulles izmaksas.

c) Neliels nospiedums

CONS

a) Nav pārbaudīts tikpat stingri kā lielās programmatūras mājas.

b) Ierobežota funkcionalitāte, t.i., nav joslu diagrammu utt.

Viela pārdomām!