Opret en PieChart med PHP og jQuery Raphael.js

Meget ofte finder vi os nødt til at gennemføre mini-applikatorer viser udtræk af data taget fra databasen, som regel til statistiske formål, måske fordi markedsføring behov for dem til sit eget marked for forskning, til andre tider få feedback fra kunder end en produkt, nogle gange for at vise resultaterne af en undersøgelse.

Ved hjælp af en graf tillader dig at have et blik som straks giver os mulighed for at fortolke de data, før du læser dem i tabelform.
Det er normalt en funktion, lang værdsat af kunder og gør det langt mindre kedeligt at lange række af data til at analysere.

Opret grafik har aldrig været svært, men nogle løsninger er bedre end andre, ser vi at skabe noget hurtigt, solid og behagelig for øjet.

Løsningen

Den kombination, som vi foreslår, er baseret på PHP og MySQL, med en dosis på SVG (Scalable Vector Graphics) og jQuery.
Før forklarer den logik, som vi går videre lad mig introducere javascript biblioteket for SVG, som vil give os mulighed for at opnå fantastiske resultater: Raphael.js

Raphael.js og gRaphael

For nogen tid siden, browsing og lege med jQuery Jeg spekulerede på, om der var en løsning at trække et lærred crossbrowser, der kan være let integreres med vores elskede rammer. Efter en kort eftersøgning jeg tilfældigvis her .

Raphael.js er et bibliotek skrevet i Javascript, som tillader os at designe en webside, uanset hvad vores sind kan forestille sig at bruge SVG.

Biblioteket, som jeg inviterer dig til at lære at surfe i de rige dokumentationen på webstedet, har en yngre bror, skabt specielt til grafik: gRaphael

Logikken

Ideen er at tage data fra MySQL-databasen ved hjælp af PHP, jQuery på klientsiden til at passere gennem og behandle dem med gRaphael AJAX til at skabe et interaktivt diagram. Til uddannelsesmæssige formål vil vi oprette en simpel tabel med hypotetiske data fra en undersøgelse om kundetilfredshed for et bestemt produkt.

SQL

Vi skaber en database med en tabel med navn customers_satisfaction: c_survey.

 CREATE TABLE IF NOT EXISTS 'c_survey' (



  



 'Id' int (11) NOT NULL AUTO_INCREMENT,



  



 "Level" varchar (100) Sætvis utf8_unicode_ci NOT NULL,



  



 'Hændelser' int (11) NOT NULL,



  



 PRIMARY KEY ('id')







 ) ENGINE = MyISAM DEFAULT CHARSET = utf8 Sætvis = utf8_unicode_ci AUTO_INCREMENT = 5;









 INSERT INTO 'c_survey' ('id', 'niveau', 'Hændelser') VALUES







 (1, 'fremragende', 50),







 (2, 'Good', 100),







 (3, 'nok', 80),







 (4, 'Dårlig', 40);

Tabellen har 3 felter:

1. en auto-interval id
2. et niveau, som vi værdsætter som "udmærket", "Good", "Enough", "Ringe"
3. en numerisk værdi for hvert niveau, der repræsenterer det antal kunder, som har givet udtryk for en sådan vurdering for vores produkt

Her er resultaterne ses med phpMyAdmin:

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>