Luo PieChart PHP ja jQuery Raphael.js

Hyvin usein huomaamme olevamme ottaa toteuttaa mini-applikaattorit Näytetään uuttamalla saadut tiedot tietokantaan, yleensä tilastollisiin tarkoituksiin, ehkä siksi markkinointi tarvitsee niitä omiin markkinatutkimukset, muina aikoina saada palautetta asiakkailta kuin tuote, joskus näyttää kyselyn tuloksiin.

Käyttämällä kuvaajan avulla voit olla silmäyksellä joka välittömästi antaa meille mahdollisuuden tulkita tiedot ennen niiden lukemisen taulukkomuodossa.
Se on yleensä ominaisuus pitkä arvostavat asiakkaat ja tekee siitä paljon vähemmän tylsä, että pitkä jono tietojen analysoimiseksi.

Luo grafiikka ei koskaan ole ollut vaikeaa, mutta jotkut ratkaisut ovat parempia kuin toiset, näemme luoda jotain nopeasti, kiinteä ja miellyttää silmää.

Ratkaisu

Yhdistelmä, että ehdotamme perustuu PHP ja MySQL, annoksella SVG (Scalable Vector Graphics) ja jQuery.
Ennen selittää logiikka, jolla etenemme haluan esitellä javascript kirjasto SVG, joiden avulla voimme saavuttaa uskomattomia tuloksia: Raphael.js

Raphael.js ja gRaphael

Jokin aika sitten, selaaminen ja leikkii jQuery Mietin oliko ratkaisu tehdä kankaalle crossbrowser joka voidaan helposti integroida rakkaassa puitteissa. Oltuaan lyhyen haku Satuin täällä .

Raphael.js on kirjasto kirjoitettu Javascript jonka avulla voimme suunnitella sivun vaikka mitä mielemme voi kuvitella käyttäen SVG.

Kirjasto, jota pyytäisin teitä oppimaan surffailu rikas asiakirjat päällä, on nuorempi veli, luotu erityisesti grafiikka: gRaphael

Logiikka

Ajatuksena on ottaa tiedot MySQL-tietokantaan PHP, jQuery asiakkaan puolelta läpi ja käsitellä niitä gRaphael AJAX luoda vuorovaikutteisen kaavion. Opetustarkoituksiin luomme yksinkertaisen taulukon oletettuja tietoja tutkimuksen asiakastyytyväisyyttä tietyn tuotteen osalta.

SQL

Luomme tietokantaan yhden pöydän nimi customers_satisfaction: c_survey.

 CREATE TABLE IF ole olemassa "c_survey '(



  



 Id int (11) NOT NULL AUTO_INCREMENT,



  



 "Taso" varchar (100) Lajittele utf8_unicode_ci NOT NULL,



  



 "Esiintymät" int (11) NOT NULL,



  



 Perusavain (id)







 ) Moottori = MyISAM DEFAULT charset = utf8 koota = utf8_unicode_ci AUTO_INCREMENT = 5;









 INSERT INTO "c_survey" ("id", "taso", "Esiintymät ') VALUES







 (1, "erinomainen", 50),







 (2, "hyväksi", 100),







 (3, "riittävästi", 80),







 (4, 'Huono', 40);

Taulukossa on 3 kenttiä:

1. Auto-lisäys id
2. tasolla, että me arvostamme "erinomaiseksi", "hyvä", "riitä", "Huono"
3. numeerinen arvo kullekin tasolle, joka vastaa asiakkaiden määrä, jotka ovat ilmaisseet tällaisen arvioinnin myös tuotteen

Tässä tulokset nähty phpMyAdmin:

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