Opret mine egne grafer til mine IOT -data på en Raspberry PI: 3 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:29

Læs venligst videre, hvis du vil være i stand til at oprette dine egne IOT -grafer ved hjælp af 7 linjer kode.

Jeg ville oprette diagrammer til visning af data i et grafisk format fra mine IOT -sensorer på en webside. Tidligere, til dette, havde jeg brugt tredjepartstjenester (nogle betalte) og tredjeparts graffunktioner til mit databasesystem - Mysql, ved hjælp af et programmeringssprog kendt som Php. Jeg fandt disse tredjepartstjenester for vanskelige eller for dyre at implementere. Derfor har jeg skrevet min egen enkle Php -funktion, der tager data som arrays fra en tekstfil eller databasetabel (fra Mysql måske) og viser dem som en linjediagram på en webside. Jeg har gjort hele php-koden tilgængelig på github-https://github.com/scanos/php-simple-chart. Jeg har også inkluderet noget af koden her - den første php -fil - PhpSimpleChart2.php - indeholder linjediagramfunktionsfilen, den anden, PhpSimpleChart_ex1.php, er en eksempelfil, der viser, hvordan den skal bruges. Jeg foreslår, at du også besøger github -siden for at få kodeopdateringer.

Jeg implementerer dette på min Raspberry Pi. Her er hvad du har brug for:

1) En vis viden om implementering af en webserver som Apache, en database som Mysql og PHP. Tilsammen er disse kendt som LAMP - Linux, Apache, Mysql og PHP. og der er en enorm mængde information på nettet med hensyn til at implementere disse på en Raspberry Pi. Derfor vil jeg ikke dække dette her.

2) Et LAMP linux -miljø - igen, såsom Raspberry Pi.

3) Et middel til at uploade og oprette filer til dit webmiljø, dvs. mapperne på din Raspberry Pi, hvor du implementerer dine programmets php -filer.

Dernæst vil jeg vise dig, hvordan du opretter dine egne Php -filer ved hjælp af de to php -filer, som jeg tidligere hentydede til.

Trin 1: PHP -funktionskoden - PhpSimpleChart2.php

Denne fil kaldes PhpSimpleChart2.php - du bliver nødt til at downloade den fra git -depotet ved at klikke på download / klon -knappen - se billedet ovenfor. Når du har gjort det, skal du overføre de to php -filer til din webserver ved hjælp af din standard FTP -klient, eller måske har du konfigureret en samba -share på din Raspberry Pi, som får dine Pi -mapper til at ligne Windows -mapper.

Du behøver ikke rigtig at ændre koden i denne hoved Php -fil - PhpSimpleChart2.php. Dette er en simpel stregdiagramoprettelsesfunktion til Php. Grundlæggende sendes 2 arrays til funktionen samt andre argumenter, f.eks. Diagrammets dimensioner. Det 1. array indeholder de første råværdier såsom temperatur osv. Det andet array indeholder de tilknyttede datoværdier. Programmet forsøger at automatisere grafen afhængigt af rækkevidde, min, maks og arrayelementer. Det resulterende diagram kan klippe og indsætte i MS office -dokumenter som en gif,-p.webp

Når du har uploadet PhpSimpleChart2.php til din webserver, kan du derefter skrive dit eget script for at bruge dette. Dette vises på den næste side.

Trin 2: Skrivning af dit eget program baseret på eksempelprogrammet

Jeg har vist et eksempelprogram, PhpSimpleChart_ex1.php, som igen er i git -depotet. Den første linje i koden er at kalde php -scriptet, der indeholder kortlægningsfunktionen -

kræver ("PhpSimpleChart2.php");

I dette tilfælde placeres filen PhpSimpleChart2.php i den samme mappe som det script, du skriver for at kalde den. Forhåbentlig ved du, at php -filerne skal have de korrekte læse- / skriveegenskaber 755.

Dernæst skal du oprette dine datakilder og udfylde matrixen. Her er eksemplerne arrays, en for data og en for tilhørende datoer og tidspunkter. Det er klart, at der skal være det samme antal værdier i begge arrays.

$ data_array = array ("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", "12. 17h", "12. 18h", "12. 19h", "12. 20h", "12. 21h");

Normalt vil du læse disse værdier fra en databaseforespørgsel eller indlæse dem fra en tekstfil.

Dernæst skal du indstille parametrene for dit diagram. Det er ret lige frem. Du indstiller titlerne først og fastsætter derefter grafens højde og bredde.

$ chart_text = "Mit testdiagram juli 2018";

$ y_title = "Temp Deg C";

$ x_scale = 1000;

$ y_scale = 400;

Du foretager derefter et funktionsopkald som følger.

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

Jeg har vist output fra dette eksempelprogram i det vedhæftede billede. Kortfunktionen forsøger at automatisk skalere og undgå rod af y-akser og diagrambeskrivelsespunkter. Forhåbentlig fungerer det for dig. Det er alt hvad du behøver.

Trin 3: Konklusion

Jeg håber, at du fandt dette nyttigt. Du bruger muligvis en anden metode, der virker for dig, men her er i hvert fald et par tanker;

1) De fleste tredjeparts IOT -graftjenester fungerer som en onlinetjeneste, som normalt er tilgængelig som en API.

2) IOT -brugere har en lang række kompetencer med hensyn til implementering af graffunktioner.

PROS af min løsning

a) Kan fungere offline

b) Nul omkostninger.

c) Lille fodaftryk

ULEMPER

a) Ikke testet til samme stringens som store softwarehuse.

b) Begrænset i funktionalitet, dvs. ingen søjlediagrammer osv.

Stof til eftertanke!