Anda di halaman 1dari 5

Membuat Grafik dengan PHP (JpGraph) http://rosihanari.

net

Membuat Grafik Sederhana

Pada bagian ini akan dibahas cara membuat grafik sederhana menggunakan JpGraph.
Contoh yang akan diambil adalah grafik berbentuk batang dari data berikut ini yang
merupakan data jumlah penduduk suatu daerah X selama kurun waktu tertentu

Tahun 1990 1991 1992 1993


Jum Penduduk 20jt 25jt 28jt 31jt

Berikut ini adalah script PHP nya

contoh1.php

<?php

include ("../jpgraph.php");

// header untuk jenis grafik bar/batang

include ("../jpgraph_bar.php");

// data

$datay=array(20,25,28,31);
$datax=array(1990,1991,1992,1993);

$graph = new Graph(400,200,"auto");

$graph->SetScale("textlin");
$graph->SetMarginColor("lightblue");

// setting title grafik

$graph->title->Set("Jumlah Penduduk Daerah X");


$graph->title->SetFont(FF_VERDANA,FS_NORMAL,12);
$graph->title->SetColor("darkred");

// setting jenis font untuk sumbu x dan y

$graph->xaxis->SetFont(FF_VERDANA,FS_NORMAL,10);
$graph->yaxis->SetFont(FF_VERDANA,FS_NORMAL,10);

// menulis title pada sumbu x dan y

$graph->xaxis->title->Set("Tahun");
$graph->yaxis->title->Set("Jumlah (dalam jutaan)");

Membuat Grafik Sederhana 8


Membuat Grafik dengan PHP (JpGraph) http://rosihanari.net

// menampilkan data pada sumbu x

$graph->xaxis->SetTickLabels($datax);

// membuat plot

$bplot = new BarPlot($datay);

// mewarnai bar dengan merah

$bplot->SetFillColor("red");

// mewarnai border dari bar

$bplot->SetColor("white");

// menampilkan bar ke dalam canvas

$graph->Add($bplot);

// menampilkan grafik ke browser

$graph->Stroke();
?>

Hasil dari script di atas adalah sebagai berikut

Membuat Grafik Sederhana 9


Membuat Grafik dengan PHP (JpGraph) http://rosihanari.net

Dari contoh pertama di atas dapat dilihat bahwa untuk membuat grafik dengan JpGraph,
scriptnya memiliki struktur sbb:

<?php

include ("../jpgraph.php");

// header yang digunakan untuk menentukan jenis grafik


// setting data

$graph = new Graph(panjang,lebar,"format");

// perintah untuk mengkonstruksi grafik, beserta propertinya

$graph->Stroke();

?>

Perintah

$graph = new Graph(panjang, lebar, "format");

digunakan untuk membuat image dengan ukuran panjang x lebar pixel. Pada contoh
sebelumnya, ukuran imagenya adalah 400 x 200 pixel. Sedangkan parameter format
digunakan untuk menentukan format image outputnya. Secara default adalah auto yaitu

Membuat Grafik Sederhana 10


Membuat Grafik dengan PHP (JpGraph) http://rosihanari.net

secara otomatis JpGraph menentukan sendiri format yang terbaik dari PNG, JPG/JPEG
maupun GIF.

Terkadang, ketika mengubah format image dari auto ke format lain tidak akan membawa
efek. Untuk memaksa JpGraph menggunakan format yang diinginkan, Anda dapat
menggunakan perintah berikut ini

$graph-> img-> SetImgFormat( "gif");

Sehingga scriptnya menjadi

<?php

include ("../jpgraph.php");

// header yang digunakan untuk menentukan jenis grafik


// setting data

$graph = new Graph(panjang,lebar);


$graph->img->SetImgFormat("format");

// perintah untuk mengkonstruksi grafik, beserta propertinya

$graph->Stroke();

?>

Untuk perintah

$graph -> Stroke();

Digunakan untuk menampilkan grafik ke dalam browser.

Lantas, bagaimana cara menggabungkan image sebagai hasil dari script contoh1.php
sebelumnya dengan tag-tag HTML? Caranya cukup mudah, yaitu hanya dengan
menyisipkan tag

<img src="contoh1.php">

ke dalam halaman HTML. Berikut ini contohnya.

embedContoh1.htm

<html>
<head>
<title>Contoh embed JpGraph ke dalam HTML</title>
</head>
<body>

Membuat Grafik Sederhana 11


Membuat Grafik dengan PHP (JpGraph) http://rosihanari.net

<h1 align="center">Contoh Embeded Image</h1>


<p align="center"><img src="contoh1.php"></p>
<p align="center">Anda dapat menyisipkan image dari hasil JpGraph
ke dalam halaman HTML.</p>
</body>
</html>

Hasilnya adalah

Membuat Grafik Sederhana 12

Anda mungkin juga menyukai