PHP, jQuery 및 Raphael.js와 PieChart 만들기

아주 자주 우리가 미니 applicators 마케팅 자체 시장 조사를 위해 필요 아마 때문에, 보통 통계 목적, 데이터베이스에서 가져온 데이터의 추출을 보여주는 구현해야, 다른 시간에 대하여 고객으로부터 피드백을 얻으려면 제품은 가끔 설문 조사의 결과를 표시합니다.

그래프를 사용하면 즉각적인 한눈에 우리가 표 형태로 그들을 읽기 전에 데이터를 해석하는 수 수 있습니다.
그것은 꽤 자주 고객 평가 기능 '을하고 훨씬 덜 지루 분석 데이터의 긴 문자열보다 수 있습니다.

그래픽을 만들기가 곤란했던 적이 있지만, 어떤 솔루션은 남들보다 더 있으며, 우리는 다음 눈에 빠르고 확실하고 만족스러운 무언가를 만들 수 있습니다.

솔루션

제가 제안하는 조합의 복용과 함께, PHP와 MySQL을 기반으로 SVG (확장 가능한 벡터 그래픽)와 jQuery.
Raphael.js : 우리가 날 우리는 놀라운 결과를 얻을 수 SVG에 대한 자바 스크립트 라이브러리를 소개하고 싶지있는 논리를 설명하기 전에

Raphael.js 및 gRaphael

얼마전, 검색 및 jQuery를 가지고 노는 쉽게 우리의 사랑하는 프레임 워크와 통합있을 캔버스를 그리는 솔루션 crossbrowser가 있었한지 궁금하네요. 간단한 검색 후에 무슨 일이 있었 여기 .

Raphael.js 우리가 더 마음이 SVG를 사용하여 상상할 수있는 문제가 웹 페이지를 디자인하지 수 있도록 자바 스크립트로 작성된 라이브러리입니다.

: 당신이 사이트에있는 풍부한 문서에서 서핑을 배울 초대 라이브러리, 그래픽을 위해 특별히 만들어진 남동생이 있습니다 gRaphael을

논리

아이디어는 PHP를 사용하여 MySQL 데이터베이스에서 데이터를 받아하는 것입니다, jQuery는 AJAX를 사용하여 클라이언트 측에서 전달하고 대화형 차트를 만들 수 gRaphael으로 그들을 처리합니다. 교육 목적을 위해 우리는 주어진 제품에 대한 고객 만족에 대한 설문 조사에서 가상 데이터로 간단한 테이블을 생성합니다.

SQL

c_survey : 우리는 이름 customers_satisfaction 하나의 테이블과 데이터베이스를 만듭니다.

 'c_survey'을 (존재하지 않는 경우 테이블 만들기



  



 'ID'INT (11) NOT NULL auto_increment,



  



 NULL NOT '수준'varchar (100) 대조 utf8_unicode_ci,



  



 NULL NOT '검색 영역'INT (11)



  



 PRIMARY KEY ( 'ID')







 ) 엔진 = MyISAM DEFAULT 문자 집합 = UTF8 대조 = utf8_unicode_ci AUTO_INCREMENT = 5;









 'c_survey'( 'ID', '레벨', '검색 영역') 값을 삽입







 (1, '우수', 50),







 (2, 100, '좋은'),







 (3, '충분', 80),







 (4, '나쁨', 40);

표 3 분야가 있습니다 :

1. 자동 증가 ID
2. 우리가 "우수"로 가치가있는 수준 "나쁨" "충분해", "잘했어"
3. 우리 제품에 대한 이러한 평가를 표명한 고객의 수를 나타냅니다 각 수준에 대한 수치

여기 phpMyAdmin과 함께 본 결과는 다음과 같습니다

• <<
• 일
• 이
• 3
• 4
• 5
• 6
• >>