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.
- Download file includenya di http://www.aditus.nu/jpgraph/jpdownload.php
- Letakkan file jpgraph.php dan teman-temannya di folder tujuan (tempat kerja)
- 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.
Semoga dapat membantu.... :)
BalasHapusitu kan data dari array, bagaimana untuk grafik dinamis yang datanya di ambil dari DB MySQL?makasi
BalasHapusbukannya itu sudah dari db mysql ya mbak??
BalasHapushahaahah si mba knp
BalasHapusmaaf saya mau tanya. kalo datanya diambil dari MS. Excel bisa gak??? trus caranya gimana?
BalasHapustrimakasih
nice post gan :)
BalasHapus