Créer un PieChart avec PHP et jQuery Raphael.js

Très souvent, nous nous trouvons avoir à mettre en œuvre le mini-applicateurs montrant l'extraction des données issues de la base, généralement à des fins statistiques, peut-être parce que le marketing a besoin pour sa propre étude de marché, d'autres fois pour obtenir la rétroaction des clients d'un produit, parfois de montrer les résultats d'une enquête.

En utilisant un graphique vous permet d'avoir un regard qui permet immédiatement d'interpréter les données avant de les lire sous forme de tableau.
Il s'agit généralement d'un long métrage apprécié par les clients et les rend beaucoup moins ennuyeux que longue série de données à analyser.

Créer des graphiques n'a jamais été aussi difficile, mais certaines solutions sont meilleures que d'autres, nous voyons de créer quelque chose de rapide, solide et agréable à l'œil.

La solution

La combinaison que nous proposons est basé sur PHP et MySQL, avec une dose de SVG (Scalable Vector Graphics) et jQuery.
Avant d'expliquer la logique avec laquelle nous procédons laissez-moi vous présenter la bibliothèque javascript pour SVG, ce qui nous permettra d'obtenir des résultats étonnants: Raphael.js

Raphael.js et gRaphael

Il ya quelque temps, la navigation et de jouer avec jQuery, je me demandais s'il y avait une solution pour dessiner une toile Crossbrowser qui peuvent être facilement intégrées à notre cadre bien-aimée. Après une courte recherche je suis tombé ici .

Raphael.js est une bibliothèque écrite en Javascript qui nous permet de concevoir une page web, peu importe ce que notre esprit peut imaginer utiliser SVG.

La bibliothèque, qui je vous invite à apprendre le surf dans la riche documentation sur le site, a un frère cadet, créé spécifiquement pour les graphiques: gRaphael

La logique

L'idée est de prendre les données de base de données MySQL avec PHP, jQuery sur le côté client de passer à travers et de les traiter avec gRaphael AJAX pour créer un graphique interactif. Pour des fins éducatives, nous allons créer un simple tableau avec des données hypothétiques d'une enquête sur la satisfaction du client pour un produit donné.

Le SQL

Nous créons une base de données avec une table avec customers_satisfaction nom: c_survey.

 CREATE TABLE IF NOT EXISTS "c_survey '(



  



 'Id' int (11) NOT NULL AUTO_INCREMENT,



  



 "Niveau" varchar (100) COLLATE utf8_unicode_ci NOT NULL,



  



 «Événements» int (11) NOT NULL,



  



 PRIMARY KEY ('id')







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









 INSERT INTO 'c_survey' ('id', 'niveau', 'événements') VALUES







 (1, «excellent», 50),







 (2, 'Bon', 100),







 (3, 'Assez', 80),







 (4, 'pauvres', 40);

La table a trois champs:

1. Identifiant une auto-incrémentation
2. un niveau que nous apprécions comme «excellente», «Bon», «Assez», «médiocre»
3. une valeur numérique pour chaque niveau qui représente le nombre de clients qui ont exprimé une telle évaluation pour nos produits

Voici les résultats observés avec phpMyAdmin:

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