본문으로 바로가기

막대형 그래프 생성 Google Charts

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


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


● 막대형 그래프 생성하기


<?php

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

require_once './make_chart_parts.php';


// 그래프의 값

$data = array();

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

$data[] = array('서울', 7254432,  7410719);

$data[] = array('부산', 2107293,  2080773);

$data[] = array('경기', 1867166,  1854724);


// 그래프 옵션

$options = array(

  'title'  => '대도시의 인구(인구 조사)',  // 그래프 제목

  'titleTextStyle' => array('fontSize' => 16),  // 제목 스타일

  'hAxis'  => array('title' => '단위:명'),  // 가로 축

  'width'  => 560,  // 폭

  'height' => 400,  // 높이

  'colors' => array('#396', 'darkorange'),  // 바 색상

  'legend' => array('position' => 'top', 'alignment' => 'end'));  // 범례


// 그래프 유형 (막대 그래프)

$type = 'BarChart';


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

list($chart, $div) = 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 $chart;

?>

</script>

</head>

<body>

<div>

<?php

// 차트를 표시 할 <div> 태그를 적당한 위치에 배치합니다.

echo $div;

?>

</div>

</body>
</html>




●  막대형 그래프에 'isStacked' 옵션에 true를 설정하면 누적 그래프가 됩니다


$options = array(

  'title'  => '대도시의 인구(인구 조사)',  // 그래프 제목

  'titleTextStyle' => array('fontSize' => 16),  // 제목 스타일

  'hAxis'  => array('title' => '단위:명'),  // 가로 축

  'width'  => 560,  // 폭

  'height' => 400,  // 높이

  'colors' => array('#396', 'darkorange'),  // 바 색상

  'isStacked' => true,

  'legend' => array('position' => 'top', 'alignment' => 'end'));  // 범례