Skapa mina egna grafer för mina IOT -data på ett hallon -PI: 3 steg

2025 Författare: John Day | [email protected]. Senast ändrad: 2025-01-23 15:11

Läs vidare om du vill kunna skapa dina egna IOT -grafer med 7 kodrader.

Jag ville skapa diagram för att visa data i ett grafiskt format från mina IOT -sensorer på en webbsida. Tidigare för detta hade jag använt tjänster från tredje part (vissa betalade) och grafikfunktioner från tredje part för mitt databassystem - Mysql, med ett programmeringsspråk som kallas Php. Jag tyckte att dessa tjänster från tredje part var för svåra eller för dyra att distribuera. Därför har jag skrivit min egen enkla Php -funktion som tar data som matriser från en textfil eller databastabell (från Mysql kanske) och visar dem som ett linjediagram på en webbsida. Jag har gjort hela php-koden tillgänglig på github-https://github.com/scanos/php-simple-chart. Jag har också inkluderat en del av koden här - den första php -filen - PhpSimpleChart2.php - innehåller raddiagramfunktionsfilen, den andra, PhpSimpleChart_ex1.php, är en exempelfil som visar hur man använder den. Jag föreslår att du också besöker github -sidan för att få koduppdateringar.

Jag distribuerar detta på min Raspberry Pi. Här är vad du behöver:

1) Viss kunskap om distribution av en webbserver som Apache, en databas som Mysql och PHP. Sammantaget kallas dessa LAMP - Linux, Apache, Mysql och PHP. och det finns en enorm mängd information på webben när det gäller att distribuera dessa på en Raspberry Pi. Därför kommer jag inte att täcka detta här.

2) En LAMP Linux -miljö - igen, till exempel Raspberry Pi.

3) Ett sätt att ladda upp och skapa filer till din webbmiljö, det vill säga mapparna på din Raspberry Pi där du distribuerar dina programmets php -filer.

Därefter kommer jag att visa dig hur du skapar dina egna Php -filer med de två php -filer som jag hänvisade till tidigare.

Steg 1: PHP -funktionskoden - PhpSimpleChart2.php

Denna fil kallas PhpSimpleChart2.php - du måste ladda ner den från git -förvaret genom att klicka på nedladdnings- / klon -knappen - se bilden ovan. När du har gjort det överför du de två php -filerna till din webbserver med din vanliga FTP -klient eller kanske har du konfigurerat en samba -resurs på din Raspberry Pi som får dina Pi -mappar att se ut som Windows -mappar.

Du behöver inte riktigt ändra koden i denna huvud Php -fil - PhpSimpleChart2.php. Detta är en enkel funktion för skapande av linjediagram för Php. I grund och botten skickas två matriser till funktionen såväl som andra argument som diagrammåtten. Den första matrisen innehåller de första råvärdena som temperatur etc. Den andra matrisen innehåller tillhörande datumvärden. Programmet försöker automatisera diagrammet beroende på intervallet, min, max och arrayelement. Det resulterande diagrammet kan klippas ut och klistras in i MS office -dokument som en gif,-p.webp

När du har laddat upp PhpSimpleChart2.php till din webbserver kan du sedan skriva ditt eget skript för att använda detta. Detta visas på nästa sida.

Steg 2: Skriva ditt eget program baserat på exempelprogrammet

Jag har visat ett exempelprogram, PhpSimpleChart_ex1.php som återigen finns i git -förvaret. Den första raden i koden är att ringa php -skriptet som innehåller kartfunktionen -

kräver ("PhpSimpleChart2.php");

I det här fallet placeras filen PhpSimpleChart2.php i samma mapp som skriptet du skriver för att kalla den. Förhoppningsvis vet du att php -filerna måste ha rätt läs- / skrivegenskaper 755.

Därefter måste du skapa dina datakällor och fylla ut matrisen. Här är exempelmatriserna, en för data och en för tillhörande datum och tider. Uppenbarligen måste det finnas samma antal värden i båda matriserna.

$ 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", "12th 16h", "12th 17h", "12th 18h", "12th 19h", "12th 20h", "12th 21h");

Vanligtvis läser du dessa värden från en databasfråga eller laddar dem från en textfil.

Därefter måste du ställa in parametrarna för ditt diagram. Det är ganska rakt fram. Du ställer in titlarna först och fixar sedan grafens höjd och bredd.

$ chart_text = "Mitt testdiagram juli 2018";

$ y_title = "Temp Deg C";

$ x_scale = 1000;

$ y_scale = 400;

Du gör sedan ett funktionssamtal enligt följande.

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

Jag har visat utmatningen från detta exempelprogram i den bifogade bilden. Kartfunktionen försöker autoskala och undvika röran av y-axlar och diagrambeskrivningspunkter. Förhoppningsvis fungerar det för dig. Det är allt du behöver.

Steg 3: Slutsats

Jag hoppas att du tyckte att detta var användbart. Du kanske använder en annan metod som fungerar för dig men här är några tankar i alla fall;

1) De flesta tredjeparts IOT -graftjänster fungerar som en onlinetjänst som vanligtvis är tillgänglig som ett API.

2) IOT -användare har ett brett utbud av kompetenser när det gäller att använda graffunktioner.

PROS av min lösning

a) Kan fungera offline

b) Noll kostnad.

c) Litet fotavtryck

NACKDELAR

a) Inte testad med samma noggrannhet som stora programvaruhus.

b) Begränsad funktionalitet, dvs. inga stapeldiagram etc.

Något att tänka på!