创建PHP和jQuery Raphael.js a饼图

很多时候我们发现自己有实施微型喷头显示了从数据库中获取的数据提取，通常用于统计目的，也许是因为市场需求为他们自己的市场调研，其他时间得到客户的反馈比产品，有时一项调查显示的结果。

使用图表，您可以有一个一目了然的立即解释之前，让我们以表格的形式读取其中的数据。
它“通常是长期客户赞赏的功能，使得它更无聊的长串的数据进行分析。

创建图形从来没有困难，但一些解决方案比别人好，我们看到的东西快速创建，扎实悦目。

该解决方案

这种结合，我们提出是基于PHP和MySQL，具有剂量SVG （可伸缩矢量图形） 和jQuery。
在解释的逻辑，使我们继续让我介绍了SVG的JavaScript库，它将使我们能够取得惊人的成绩：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（“ID”）







 ）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
• >>