Utwórz PieChart z PHP i Raphael.js jQuery

Bardzo często znajdujemy się konieczności wdrożenia mini-aplikatorów pokazując ekstrakcji danych pobranych z bazy danych, zwykle do celów statystycznych, może dlatego, że marketing potrzebuje ich do własnych badań rynku, innym razem do uzyskania informacji zwrotnej od klientów niż produktu, czasami pokazują wyniki badania.

Korzystanie wykres pozwala mieć spojrzenie, które pozwala nam natychmiast do interpretacji danych przed odczytaniem ich w formie tabelarycznej.
To jest zwykle cechą długo doceniane przez klientów i sprawia, że znacznie mniej nudne, że długi ciąg danych do analizy.

Tworzenie grafiki nigdy nie było trudne, ale niektóre rozwiązania są lepsze od innych, widzimy, by stworzyć coś szybko, solidne i miłe dla oka.

Rozwiązanie

Połączenie, które proponujemy jest oparty na PHP i MySQL, z dawką SVG (Scalable Vector Graphics) i jQuery.
Przed wyjaśnieniem logiki, z którą będziemy kontynuować pozwólcie, że przedstawię javascript biblioteki SVG, która pozwoli nam osiągnąć zadziwiające rezultaty: Raphael.js

Raphael.js i gRaphael

Jakiś czas temu, przeglądanie i odtwarzanie z jQuery I zastanawiał się czy istnieje rozwiązanie, aby narysować crossbrowser płótnie, które można łatwo zintegrować z naszymi drogimi ramami. Po krótkich poszukiwaniach znalazłem się tutaj .

Raphael.js jest biblioteką napisaną w JavaScript, który pozwala nam projektować strony internetowej bez względu na to, co umysł może sobie wyobrazić za pomocą svg.

Biblioteka, którą zapraszamy do zapoznania surfowanie w bogatą dokumentację na miejscu, ma młodszego brata, stworzony specjalnie dla grafiki: gRaphael

Logika

Chodzi o to, aby dane z bazy danych MySQL za pomocą PHP, jQuery po stronie klienta, aby przejść i proces ich gRaphael AJAX do tworzenia interaktywnych wykresów. Dla celów edukacyjnych stworzymy prostą tabelę z hipotetycznych danych z badania satysfakcji klientów dla danego produktu.

SQL

Tworzymy bazę danych z jednej tabeli z customers_satisfaction imię: c_survey.

 CREATE TABLE IF NOT EXISTS "c_survey" (



  



 "Id" int (11) NOT NULL AUTO_INCREMENT,



  



 "Poziom" varchar (100) COLLATE utf8_unicode_ci NOT NULL,



  



 "Wystąpienia" int (11) NOT NULL,



  



 PRIMARY KEY ('id')







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









 INSERT INTO "c_survey" ("id", "poziom", "Zdarzenia") VALUES







 (1, "doskonałe", 50),







 (2, "dobre", 100),







 (3, "Enough", 80),







 (4, "Zły", 40);

Tabela ma 3 pola:

1. auto-inkrementacji id
2. poziomie, że wartość jako "doskonałe", "Good", "Enough", "Zły"
3. wartość liczbową dla każdego poziomu, który reprezentuje liczbę klientów, którzy wyrazili taką ocenę naszego produktu

Oto wyniki widać z phpMyAdmin:

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