오픈 플래쉬 차트( Open Flash Chart)그리기 – Step1

Open Flash Chart

홈페이지 : http://teethgrinder.co.uk/open-flash-chart/

PHP에서 차트를 그리는 방법은 여러가지가 있다.
상용 프로그램도 많지만 공짜(Free)로 쓸수 있는 것들도 있다.
물론 상용에 비해 떨어지는 것들이 많지만 지금 소개 하고자 하는
Open Flash Chart 것은 예외라고 하겠다.
사용방법도 간단하면서 다양하게 만들수 있는 장점이 있다고 판단된다.

구글 API로 만들어 봤지만 개인적인 취양에 맞지 않아 웹을 방황하다가 만난 녀석이다.

간단하게 설치 방법과 SAMPLE을 설명 하겠다.
자세한것과 더 필요한 자료는 홈페이지에서 참고 하시길….
영문이라고 어려워 할 필요는 없다 예제소스가 너무 친절히 설명되어 있어
초보자라도 Step By Step으로 할 수 있다고 판단된다.

먼저 해당 라이브러리를 설치 한다.
다운로드 : http://downloads.sourceforge.net/openflashchart/open-flash-chart-1.9.7.zip?modtime=1201552991&big_mirror=0
가장 최신버젼은 2.x 이지만 본인은 1.9.x로 하겠다.

먼저 다운로드 받은 파일 웹페이지 가장 최상위 위치에 압축을 푼다.
(처음 부터 경로 변경해가며 적용 하기 전에 정상 작동 되는지 알기 위함)

#unzip 다운로드.zip

그 다음 웹 최상위(이하 루트라고 말함)에서 다음과 같은 디렉토리 하나 만든다.
빠른 적용을 위해 본인은 디렉토리명을 다음과 같이 하겠다.
반드시 같을 필요는 없지만 에러없이 하려면 그냥 따라 하시는것이…

#mkdir  ofc-library

그 다음 다운로드 압축을 푼 것중 디렉토리 php-ofc-libraray에 있는 내용을
방금 만든 디렉토리에 카피한다.
* 눈치가 있는 분이라면 php-ofc-library를 그냥 ofc-library로 변경하는것이 효과 적이란 사실을 알고 있겠죠*

다음 루트에서 파일 하나 만들어 봅니다.
#vi chart.php

— chart.php —
<html>
<head>
</head>
<body>
<?php

echo ‘Hello World!’;

?>
</body>
</html>

웹페이지에서 Hello World!  확인 하시면 다음 단계로 고고!!!

이제 방금 만든 chart.php 파일 수정 합니다.
<?php 에서 부터 ?>까지

<?php
include_once ‘ofc-library/open_flash_chart_object.php’;
open_flash_chart_object( 500, 250, ‘http://’. $_SERVER[‘SERVER_NAME’] .‘/chart-data.php’, false );
?>

이렇게 수정하시고 다시 한번 chart.php를 열어 봅니다.

이번에는 Hello World! 대신 http://xxxxxxx.co.uk/open-flash-chart/xxxx 가 보이나요
그렇다면 성공입니다.  다음단계로 고고고!!


[#M_안보인다면|줄이기…..|안보인다면
경로가 문제 이거나 권한 설정을 체크해주세요!
웹 서버 주소가 www.a.com이라면 루트에 chart.php가 있으니
http://www.a.com/chart.php에 엑세스가 가능해야 합니다.
권한 설정문제라면 권한을 777로 만들어 테스트 해보고 된다면
755정도로 변경 하심 될 것 같습니다.

#chmod 777 chart.php <– 테스트 헤봄
#chmod 755 chart.php <– 적용_M#]

자 마지막 입니다.
위 처럼 나오는 이유는 chart-data.php을 찾을 수 없어서 입니다.
이제 chart-data.php를 만들어 주면 되겠군요
chart-data.php를 생성 합니다.

#vi chart-data.php

— chart-data.php
<?php

// generate some random data:

srand((double)microtime()*1000000);

$max = 50;
$data = array();
for(
$i=0; $i<12; $i++ )
{
 
$data[] = rand(0,$max);
}

// use the chart class to build the chart:
include_once( ‘ofc-library/open-flash-chart.php’ );
$g = new graph();

// Spoon sales, March 2007
$g->title( ‘Spoon sales ‘. date(“Y”), ‘{font-size: 26px;}’ );

$g->set_data( $data );
// label each point with its value
$g->set_x_labels( array(‘Jan’,‘Feb’,‘Mar’,‘Apr’,‘May’,‘Jun’,‘Jul’,‘Aug’,‘Sep’,‘Oct’,‘Nov’,‘Dec’ ) );

// set the Y max
$g->set_y_max( 60 );
// label every 20 (0,20,40,60)
$g->y_label_steps( 6 );

// display the data
echo $g->render();
?>

위 내용 저장하시고 다시 한번 chart.php를 열어 보시면 짠~~~~~!!!
1399116961.bmp
이렇게 완성입니다.

일단 그래프관련 세팅이 모두 끝났습니다.


이제 Sample파일을 한번 해석해봐야 하는데~
시간이 되는 데로 올려 보겠습니다….. ^^;

저도 실제 웹페이지에 적용 한번 해봐야죠!







댓글 남기기