Создать PieChart с PHP и JQuery Raphael.js

Очень часто мы оказываемся необходимости реализовывать мини-аппликаторы показывающие извлечение данных из базы данных, как правило, для статистических целей, возможно, потому маркетинга нуждается в них для собственного исследования рынка, другой раз, чтобы получить обратную связь от клиентов, чем Продукт, иногда, чтобы показать результаты опроса.

Использование график позволяет иметь взгляд, который сразу же позволяет интерпретировать данные, прежде чем читать их в табличной форме.
Это, как правило, особенность давно оценили клиенты и делает ее гораздо менее скучным, что длинная строка данных для анализа.

Создание графики никогда не было трудно, но некоторые решения лучше, чем другие, мы видим, создать что-то быстро, твердое и приятно для глаз.

Решение

Комбинация, которую мы предлагаем на основе PHP и MySQL, с дозой SVG (Scalable Vector Graphics) и JQuery.
Прежде чем объяснить логику, с которой мы исходим, позвольте мне представить JavaScript библиотека для SVG, которые позволят нам достичь удивительных результатов: Raphael.js

Raphael.js и gRaphael

Некоторое время назад, просмотра и играя с JQuery Я задавался вопросом, есть ли решение привлечь холст crossbrowser, которые могут быть легко интегрирована с нашей любимой рамки. После недолгих поисков я случайно здесь .

Raphael.js это библиотека, написанная на JavaScript, что позволяет нам разрабатывать веб-страницы независимо от того, что наши умы могут себе использование SVG.

Библиотека, которую я приглашаю вас учиться серфингу в богатую документацию на сайте, есть младший брат, созданные специально для графика: gRaphael

Логика

Идея взять данные из MySQL базы данных с помощью PHP, JQuery на стороне клиента, чтобы пройти через и обрабатывать их с gRaphael AJAX для создания интерактивной карты. Для учебных целей мы создадим простую таблицу с гипотетические данные опроса, на удовлетворение клиента для данного продукта.

SQL

Мы создаем базу данных с одной таблицы с именем customers_satisfaction: c_survey.

 CREATE TABLE IF NOT EXISTS 'c_survey' (



  



 'Id' Int (11) NOT NULL AUTO_INCREMENT,



  



 'Уровень' VARCHAR (100) COLLATE utf8_unicode_ci NOT NULL,



  



 "Вхождения" Int (11) NOT NULL,



  



 PRIMARY KEY ("Ид")







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









 INSERT INTO "c_survey '(' ID ',' уровень ',' вхождения ') VALUES







 (1, «отлично», 50),







 (2, 'Хороший', 100),







 (3, «Хватит», 80),







 (4, 'Плохо', 40);

Таблица 3 поля:

1. автоинкрементного ID
2. уровня, что мы ценим как "отлично", "хорошо", "Хватит", "Бедный"
3. числовое значение для каждого уровня, который представляет число клиентов, которые выразили такую ​​оценку на нашу продукцию

Вот результаты, полученные с PhpMyAdmin:

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