Sukurti PieChart su PHP ir jQuery Raphael.js

Labai dažnai mes atsiduriame atsižvelgdama įgyvendinti mini aplikatoriai, kuriame pateikiami duomenys, paimti iš duomenų bazės gavyba, paprastai statistiniais tikslais, galbūt todėl, kad prekybos poreikius juos savo rinkos tyrimų, kitu laiku gauti grįžtamąjį ryšį iš klientų, nei produkto, kartais parodyti apklausos rezultatai.

Naudojant diagramoje leidžia jums žvilgsnio, kuri iš karto leidžia interpretuoti duomenis prieš juos skaityti lentelių forma.
Tai paprastai yra funkcija ilgai vertinama klientų ir todėl daug mažiau nuobodu, kad ilgą eilutę duomenis analizuoti.

Sukurti grafika niekada nebuvo sunku, tačiau kai kurie sprendimai yra geriau nei kiti, matome, sukurti kažką greitai, tvirtas ir malonus akiai.

Sprendimas

Derinys, siūlome remiasi PHP ir MySQL, su dozės SVG (Scalable Vector Graphics) ir JQuery.
Prieš paaiškinti logika, su kuria mes toliau leiskite man pristatyti JavaScript biblioteką, SVG, kuris leis mums pasiekti stulbinančių rezultatų: Raphael.js

Raphael.js ir gRaphael

Kurį laiką atgal, naršyti ir žaisti su JQuery Man net įdomu, jei ten buvo sprendimas atkreipti drobė crossbrowser, kurie gali būti lengvai integruotas su mūsų mylimas sistemą. Po trumpos paieškos teko čia .

Raphael.js yra biblioteka parašytas JavaScript kuri leidžia mums sukurti interneto puslapį, nesvarbu, ką mūsų protas gali įsivaizduoti naudojant SVG.

Biblioteka, kurį aš Kviečiame mokytis naršymas į turtingą dokumentacijos svetainėje, yra jaunesnis brolis, sukurta specialiai grafika: gRaphael

Logika

Idėja priimti duomenis iš MySQL duomenų bazių naudojant PHP, JQuery kliento pusėje kirsti ir tvarkyti juos gRaphael AJAX sukurti interaktyvias diagramos. Švietimo tikslais, mes sukurti paprastą lentelę su hipotetiniais duomenimis apie klientų pasitenkinimo tyrimą dėl tam tikro produkto.

SQL

Mes sukurti duomenų bazę su vienos lentelės su pavadinimu customers_satisfaction: c_survey.

 CREATE TABLE IF NOT EXISTS "c_survey" (



  



 "Id" int (11) NOT NULL AUTO_INCREMENT,



  



 "Lygis" varchar (100) lygina utf8_unicode_ci NOT NULL,



  



 "Įvykiai" int (11) NOT NULL,



  



 PRIMARY KEY (id)







 ) ENGINE = MyISAM DEFAULT CHARSET = utf8 lygina = utf8_unicode_ci AUTO_INCREMENT = 5;









 INSERT INTO "c_survey" ("ID", "lygis", "Įvykiai") VALUES







 (1, "puikus", 50),







 (2, "Geras", 100),







 (3, "pakankamai", 80),







 (4, "prastos", 40);

Lentelė 3 srityse:

1. Auto-prieaugio ID
2. tokio lygio, kad mes vertiname kaip "puikus", "Geras", "Užteks", "Blogas"
3. skaitinė vertė kiekvienam lygį, kuris atstovauja klientų skaičių, kurie išreiškė tokį mūsų produkto vertinimo

Štai rezultatai matomi phpMyAdmin:

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