[PHP] 설문조사 결과 데이터 차트 만들기 (4/4) - survey 테이블의 데이터를 차트로 보기

[PHP] 설문조사 결과 데이터 차트 만들기 (4/4) - survey 테이블의 데이터를 차트로 보기 이전 포스팅의 그림은 코드에 직접 데이터 값을 입력하여 출력된 값을 주여주고 있었다. 이제 AJAX를 사용하여 파일 [193_surveyResultJson.php] 이 반환하는 JSON 데이터로 차트를 출력하는 방법에 대해 알아보자. 앞에서 생성한 survey 테이블의 JSON 데이터로 bar 차트를 생성하기 위해 AJAX를 사용하며 AJAX코드 안에서 차트의 데이터를 입력하는 방식으로 진행한다. [예제: 195-1_surveyResultBarChart.php ] 1. AJAX 통신을 통하여 [193_surveyResultJson.php] 파일로부터 반환받은 데이터를 대입한다. 2. 차트에 표시할 데이터..

2022.10.29

[PHP] 설문조사 결과 데이터 차트 만들기 (3/4) - 구글 차트

[PHP] 설문조사 결과 데이터 차트 만들기 (3/4) - 구글 차트 구글에서 제공하는 차트 라이브러리를 사용하면 여러 데이터를 목적에 맞게 시각적으로 알기 쉽게 표현할 수 있다. 구글차트의 사이트 URL은 https://developers.google.com/chart/interactive/docs/gallery 이다. 구글차트 사이트에 접속하면 제공하는 차트의 종류를 볼 수 있다. 이 포스팅에서 survey 테이블의 데이터를 표시할 차트는 Bar 차트와 Pie 차트이다. Bar 차트의 기본 코드를 보면서 사용 방법을 확인해보자. [예제: 194_googleChart.php ] 1. 구글 차트의 라이브러리를 불러오는 코드이다. script 태그 내에서 자바스크립트 코드를 작성할 수 있으며, src 속성..

2022.10.29

[PHP] 설문조사 결과 데이터 차트 만들기 (2/4) - survey 테이블의 데이터를 JSON으로 생성하기

[PHP] 설문조사 결과 데이터 차트 만들기 (2/4) - survey 테이블의 데이터를 JSON으로 생성하기 구글에서 제공하는 차트 라이브러리는 웹브라우저에서 작동하는 자바스크립트 언어로 구성되어 있다. 그러므로 서버와 클라이언트 갑의 통신이 필요하다. 서로 다른 언어 간에 데이터를 전달해야 하므로 survey 테이블의 데이터를 JSON 데이터로 생성하는 작업이 필요하다. 다음은 survey 테이블의 데이터를 JSON 데이터로 생성하는 예제이다. [코드 191]과 기능은 거의 흡사하며 출력하는 데이터를 json_encode() 함수를 사용한다. [예제: 193_surveyResultJson.php ] 1. survey 테이블에서 kind 필드의 데이터를 모두 불러오는 쿼리문을 만든다. 2. 쿼리문을 실..

2022.10.29

[PHP] 설문조사 결과 데이터 차트 만들기 (1/4) - survey 테이블에 임의의 데이터 입력하기

[PHP] 설문조사 결과 데이터 차트 만들기 (1/4) - survey 테이블에 임의의 데이터 입력하기 이전 포스팅의 설문조사 결과를 보면 단순히 숫자로만 표시되어 효과적으로 알기 어렵다. 그러므로 요즘은 이러한 데이터들을 차트로 표시하여 좀 더 눈에 보기 쉽게 표시하고 있다. 구글에서 제공하는 차트 라이브러리를 활용하여 데이터를 시각적으로 표현하여 더 알아보기 쉽게 만드는 방법에 대해 알아보자. 이번 프로젝트는 [gChart] 폴더를 만들고 진행하도록 한다. [php/gChart] 폴더를 생성하자. 많은 데이터가 없으므로 임의로 약 100개의 데이터를 survey 테이블에 입력하도록 하자. 다음은 랜덤으로 survey 테이블에 데이터를 입력하는 예제이다. [gChart] 폴더에 다음의 예제를 저장하자...

2022.10.29