Crear un PieChart con PHP y jQuery Raphael.js

Muy a menudo nos encontramos a nosotros mismos tener que implementar los aplicadores mini-muestra la extracción de los datos obtenidos de la base de datos, por lo general con fines estadísticos, tal vez porque su comercialización necesita para su propia investigación de mercado, otras veces para obtener retroalimentación de los clientes de un producto, a veces para mostrar los resultados de una encuesta.

Utilizando un gráfico le permite tener una mirada que de inmediato nos permite interpretar los datos antes de leerlos en forma de tabla.
Es por lo general una característica largamente apreciado por los clientes y lo hace mucho menos aburrido que larga serie de datos para analizar.

Crear gráficos nunca ha sido difícil, pero algunas soluciones son mejores que otros, vemos a crear algo rápido, sólido y agradable a la vista.

La solución

La combinación que proponemos se basa en PHP y MySQL, con una dosis de SVG (Scalable Vector Graphics) y jQuery.
Antes de explicar la lógica con la que se procede permítanme presentarles a la biblioteca de Javascript para SVG, que nos permitirá lograr resultados sorprendentes: Raphael.js

Raphael.js y gRaphael

Hace algún tiempo, navegar y jugar con jQuery me pregunté si había una solución para dibujar un crossbrowser lienzo que puede ser fácilmente integrado con nuestro marco amado. Después de una breve búsqueda me sucedió aquí .

Raphael.js es una librería escrita en Javascript que nos permite diseñar una página web, no importa lo que nuestra mente puede imaginar el uso de SVG.

La biblioteca, que os invito a aprender a surfear en la rica documentación en el sitio, tiene un hermano menor, creado específicamente para gráficos: gRaphael

La lógica

La idea es tomar los datos de base de datos MySQL con PHP, jQuery en el lado del cliente para pasar por el proceso y con gRaphael AJAX para crear un gráfico interactivo. Para los propósitos educativos vamos a crear una sencilla tabla con datos hipotéticos de un estudio sobre la satisfacción del cliente para un producto determinado.

El SQL

Creamos una base de datos con una tabla con customers_satisfaction nombre: c_survey.

 CREATE TABLE IF NOT EXISTS "c_survey '(



  



 'Id' int NO (11) NULL AUTO_INCREMENT,



  



 'Nivel' varchar (100) COLLATE utf8_unicode_ci NOT NULL,



  



 "Ocurrencias" int (11) NOT NULL,



  



 PRIMARY KEY ('id')







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









 INSERT INTO 'c_survey' ('id', 'nivel', 'Apariciones') VALUES







 (1, 'excelente', 50),







 (2, 'Bueno', 100),







 (3, 'Basta ya', 80),







 (4, 'Pobre', 40);

La tabla tiene tres campos:

1. un identificador de incremento automático
2. un nivel que nosotros valoramos como "Excelente", "Good", "Basta", "pobres"
3. un valor numérico para cada nivel que representa el número de clientes que han expresado este tipo de evaluación para nuestro producto

Estos son los resultados observados con phpMyAdmin:

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