Erstellen Sie eine PieChart mit PHP und jQuery Raphael.js

Sehr oft haben wir uns mit dem Mini-Applikatoren, welche die Extraktion von Daten aus der Datenbank übernommen, in der Regel für statistische Zwecke, vielleicht, weil Marketing braucht sie für seine eigenen Marktforschung Umsetzung zu finden, zu anderen Zeiten bekommen Feedback von Kunden als ein Produkt, manchmal zeigen die Ergebnisse einer Umfrage.

Mit einem Diagramm können Sie einen Blick, welche sofort ermöglicht es uns, die Daten vor dem Lesen sie in tabellarischer Form zu interpretieren.
Es ist in der Regel eine Funktion, lange von den Kunden geschätzt und macht es sehr viel weniger langweilig, die lange Reihe von Daten zu analysieren.

Erstellen von Grafiken noch nie schwer, aber einige Lösungen sind besser als andere, sehen wir etwas schnell, solide und angenehm für das Auge zu schaffen.

Die Lösung

Die Kombination, die wir vorschlagen, ist auf PHP und MySQL basiert, mit einer Dosis von SVG (Scalable Vector Graphics) und jQuery.
Vor der Erläuterung der Logik, mit der wir vorgehen lassen Sie mich Ihnen die JavaScript-Bibliothek für SVG, die es uns ermöglichen, erstaunliche Ergebnisse zu erzielen: Raphael.js

Raphael.js und gRaphael

Vor einiger Zeit, Surfen und Spielen mit jQuery Ich fragte mich, ob es eine Lösung für eine Leinwand crossbrowser, die leicht mit unseren geliebten Rahmen integriert werden kann zeichnen. Nach einer kurzen Suche ich zufällig hier .

Raphael.js ist eine Bibliothek in Javascript geschrieben, die uns zu einer Webseite, egal was unser Verstand sich vorstellen kann mit svg Design ermöglicht.

Die Bibliothek, die ich laden Sie ein, um Surfen zu lernen in den reichen Dokumentation auf der Website, hat einen jüngeren Bruder, der speziell für Grafiken erstellt: gRaphael

Die Logik

Die Idee ist, um Daten aus MySQL-Datenbank mit PHP, jQuery auf der Client-Seite passieren und verarbeiten sie mit gRaphael AJAX eine interaktive Tabelle erstellen zu nehmen. Zu Lehrzwecken werden wir eine einfache Tabelle mit hypothetischen Daten aus einer Umfrage zur Kundenzufriedenheit für ein bestimmtes Produkt.

Die SQL

Wir erstellen eine Datenbank mit einer Tabelle mit Namen customers_satisfaction: c_survey.

 CREATE TABLE IF NOT EXISTS 'c_survey' (



  



 'Id' int (11) NOT NULL AUTO_INCREMENT,



  



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



  



 'Vorkommen' 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', 'Vorkommen') VALUES







 (1, "sehr gut", 50),







 (2, "Gut", 100),







 (3, 'Enough', 80),







 (4, 'Schlecht', 40);

Die Tabelle hat 3 Felder:

1. einen Auto-Increment-ID
2. ein Niveau, das wir Wert als "Excellent", "Gut", "Genug", "Schlecht"
3. einen numerischen Wert für jede Ebene, die die Anzahl der Kunden, die eine solche Beurteilung für unser Produkt geäußert haben, stellt

Hier sind die Ergebnisse mit phpMyAdmin gesehen:

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