สร้าง PieChart กับ PHP และ Raphael.js jQuery

มากเรามักจะพบตัวเองที่มีการดำเนินการ applicators มินิที่แสดงการสกัดของข้อมูลที่ได้จากฐานข้อมูลที่มักจะเพื่อวัตถุประสงค์ด้านสถิติ, บางทีอาจเป็นเพราะการตลาดความต้องการของพวกเขาสำหรับการวิจัยตลาดของตัวเองครั้งอื่น ๆ จะได้รับการตอบรับจากลูกค้ากว่า สินค้าบางครั้งการแสดงผลของการสำรวจ

การใช้กราฟช่วยให้คุณได้อย่างรวดเร็วทันทีที่ช่วยให้เราสามารถตีความหมายของข้อมูลก่อนที่จะอ่านพวกเขาในรูปแบบตาราง
มันมักจะเป็นคุณลักษณะที่ยาวชื่นชมจากลูกค้าและทำให้มากน้อยน่าเบื่อที่สายยาวของข้อมูลเพื่อวิเคราะห์

สร้างกราฟิกที่ไม่เคยมีเรื่องยาก แต่การแก้ปัญหาบางอย่างจะดีกว่าคนอื่นที่เราเห็นในการสร้างบางสิ่งบางอย่างรวดเร็วมั่นคงและเจริญตา

การแก้ปัญหา

ชุดค่าผสมที่เราเสนอจะขึ้นอยู่กับ PHP และ MySQL, มีขนาดของ SVG (scalable vector graphics) และ jQuery
ก่อนที่จะอธิบายเหตุผลกับที่เราจะดำเนินการให้ฉันแนะนำจาวาสคริปต์ไลบรารีสำหรับ SVG ซึ่งจะช่วยให้เราเพื่อให้บรรลุผลที่น่าตื่นตาตื่นใจ : Raphael.js

Raphael.js และ gRaphael

เวลาที่ผ่านมาการเรียกดูและเล่นกับ jQuery ฉันสงสัยว่ามีวิธีการแก้ปัญหาการวาด crossbrowser ผ้าใบที่อาจจะรวมได้อย่างง่ายดายด้วยกรอบที่รักของเรา หลังจากการค้นหาสั้น ๆ ฉันเกิดขึ้น ที่นี่ .

Raphael.js เป็นห้องสมุดที่เขียนขึ้นในจาวาสคริปต์ที่ช่วยให้เราสามารถออกแบบหน้าเว็บที่ไม่ว่าสิ่งที่จิตใจของเราสามารถจินตนาการโดยใช้ SVG

ไลบรารีซึ่งผมขอเชิญคุณที่จะเรียนรู้การท่องในเอกสารที่อุดมสมบูรณ์ในเว็บไซต์ที่มีน้องชาย, สร้างขึ้นเฉพาะสำหรับกราฟิก : gRaphael

ตรรกะ

มีแนวคิดที่จะนำข้อมูลจากฐานข้อมูล MySQL โดยใช้ PHP, jQuery ในด้านของลูกค้าที่ผ่านไปและดำเนินการให้กับ gRaphael AJAX เพื่อสร้างแผนภูมิแบบโต้ตอบ เพื่อการศึกษาเราจะสร้างตารางง่ายๆกับข้อมูลสมมุติจากการสำรวจความพึงพอใจของลูกค้าสำหรับผลิตภัณฑ์ที่กำหนด

SQL ที่

เราสร้างฐานข้อมูลที่มีตารางหนึ่งกับ customers_satisfaction ชื่อ : c_survey

 CREATE TABLE IF NOT EXISTS'c_survey'(



  



 int'id'(11) NOT NULL AUTO_INCREMENT,



  



 'ระดับ'varchar (100) COLLATE utf8_unicode_ci NOT NULL,



  



 'เกิดขึ้น'int (11) NOT NULL,



  



 คีย์หลัก ('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
• >>