Membuat Grafik pada Web Menggunakan JPGraph

Saya yakin bahwa teman-teman pasti pernah mendengar JPGraph. JPGraph adalah sebuah library grafik yang   berorientasi   obyek.   Kelebihan   yang   dimilikinya   adalah   kemudahan  (simple)   dalam menggunakannya.  Hanya dengan beberapa baris koding kita bisa menghasilkan sebuah grafik yang begitu berguna.

Bagaimana cara memulainya?

1. Download file includenya di http://www.aditus.nu/jpgraph/jpdownload.php
2. Letakkan file jpgraph.php dan teman-temannya di folder tujuan (tempat kerja)
3. Pastikan bahwa GD library telah aktif (enable) yang akan digunakan untuk menggambar atau membuat image, cara mengeceknya mudah cukup dengan phpinfo() yang akan menyatakan bahwa GD library telah aktif (enable).

Cara menggunakannya :

-          Buatlah sebuah database test dan sebuah tabel student (nama & nilai)

-          Berikut kode untuk menampilkan grapiknya :

<? include ("jpgraph.php");   

include ("jpgraph_bar.php");

$db = mysql_connect("localhost", "root","") or die(mysql_error());

mysql_select_db("test",$db) or die(mysql_error());

$sql = mysql_query("SELECT * FROM student") die(mysql_error());

while($row = mysql_fetch_array($sql))

{

$data[] = $row[1];

$leg[] = $row[0];

}

$graph = new Graph(250,150,"auto");

$graph->SetScale("textint");

$graph->img->SetMargin(50,30,50,50);

$graph->AdjBackgroundImage(0.4,0.7,-1);  //setting BG type

$graph->SetBackgroundImage("linux_pez.png",BGIMG_FILLFRAME); //adding image

$graph->SetShadow();

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

$bplot = new BarPlot($data);

$bplot->SetFillColor("lightgreen");  // Fill color

$bplot->value->Show();

$bplot->value->SetFont(FF_ARIAL,FS_BOLD);

$bplot->value->SetAngle(45);

$bplot->value->SetColor("black","navy");

$graph->Add($bplot);

$graph->Stroke();

?>

Atau juga bisa menggunakan kode ini untuk mendapatkan grapik garis…

<? include ("jpgraph_line.php");

//connect database

mysql_connect("localhost", "root", "");

mysql_select_db("test");

//select tabel

$datas =mysql_query("select * from student");

//inisialisasi array

$nilai=array();

$nama=array();

//looping membaca isi table, dimasukkan ke array

$data=mysql_fetch_assoc($datas);

while($data)  {          

array_push($nilai,$data[nilai]);

array_push($nama,$data[nama]);

$data=mysql_fetch_assoc($datas);

}

 // buat graph dengan auto scaling

$graph = new Graph(350,250,"auto");  

$graph->SetScale("textlin");

// Buat garis dengan warna biru

$lineplot=new LinePlot($nilai);

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

$lineplot->SetColor("blue");

// tambahkan garis diatas ke grafik

$graph->Add($lineplot);  

// tampilkan graph-nya

$graph->Stroke();  

?>

Saya pun baru belajar mengenai jpgraph ini, tapi memberanikan diri untuk menulisnya di blog saya agar teman-teman bisa menemani saya untuk belajar… J

Dan tolong untuk mengisi saran dan kritiknya agar kita bisa sama-sama belajar.