본문으로 바로가기

원형 그래프 생성 Google Charts

category 웹코딩/PHP 2016. 10. 24. 02:43


   Google Charts를 사용하여 원형 그래프를 그립니다. 여기에서는 그래프 생성 Google Charts 에서 작성한 makeChart Parts() 함수로 그래프를 생성합니다.


●  원형 그래프 생성하기


<?php

// 다른 파일의 사용자 정의 함수 "makeChartParts ()"를 읽어들입니다.

require_once './make_chart_parts.php';


// 그래프 1의 값

$data = array();

$data[] = array('', '2005년');

$data[] = array('15세 미만', 14.8);

$data[] = array('15~64세', 67.9);

$data[] = array('65세 이상', 17.3);


// 그래프 1 옵션

$options = array(

  'title'  => '2005년',  // 그래프 제목

  'titleTextStyle' => array('fontSize' => 16), 

  'width'  => 360,  

  'height' => 300,  

  'legend' => array('position' => 'bottom', 'alignment' => 'center')); 


// 그래프 유형 (원형)

$type = 'PieChart';


// 「그래프 1」 그림의 JavaScript의 함수, 표시할 <div> 태그의 생성

list($chart1, $div1) = makeChartParts($data, $options, $type);


// 그래프 2의 값

$data = array();

$data[] = array('', '2010년');

$data[] = array('15세 미만', 14.5);

$data[] = array('15~64세', 65.2);

$data[] = array('65세 이상', 20.3);


// 그래프 2 옵션 (그래프 1 옵션 제목만 변경)

$options['title'] = '2010년';


// 「그래프 2」 그림의 JavaScript의 함수, 표시할 <div> 태그의 생성

list($chart2, $div2) = makeChartParts($data, $options, $type);

?>

<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="UTF-8">

<title>원그래프를 생성하고 싶을 때</title>

<script src="https://www.google.com/jsapi"></script>

<script>

<?php

// 그래프 그리기 함수를 표시합니다.

echo $chart1, $chart2;
?>
</script>
</head>
<body>
<div>
<p>3개의 나이 구분별 인구 비율(인구조사)</p>
<?php
// 차트를 표시 할 <div> 태그를 적당한 위치에 배치합니다.
echo $div1, $div2;
?>
</div>
</body>
</html>