Membuat grafik batang sederhana menggunakan JpGraph

Seri tutorial JpGraph (php)

http://ndarualqaz.wordpress.com

Membuat grafik batang sederhana menggunakan JpGraph Tutorial ini saya buat dengan bentuk script php yang disertai komentar dan penjelasan. Untuk lebih mudah mempelajari tutorial ini, disarankan menyalin kode php ini ke editor seperti notepad++, textpad atau editor html atau php agar lebih mudah untuk membedakan antara kode dengan baris komentar. Catatan. Tanda // berarti kalimat atau tulisan setelahnya merupakan komentar yang tidak mempengaruhi output. img-> SetImgFormat("format"); di bawah kode 4.1. format yang bisa kita pakai adalah png, jpg, gif $graph = new Graph(300,250,"auto");



$graph->SetScale("textlin"); //5 kode ini untuk memberi efek shadow pada gambar, jika kita hilangkan tidak akan berpengaruh besar pada grafik $graph->SetShadow(); //6 kode berikut untuk memberi margin grafik pada gambar yang kita buat. parameter sesuai urutan kanan, kiri, atas, bawah. terkadang lebih baik margin kita biarkan secara default, tetapi untuk pengaturan yang lebih baik dan rapi kita bisa menentukan margin sendiri $graph->img->SetMargin(40,30,30,40); //7 membuat batang baru $bplot = new BarPlot($datay); //8 menentukan warna batang. disini saya set default, coba anda hilangkan tanda // ddepan kode untuk mengubah batang menjadi berwarna biru //$bplot->SetFillColor('blue'); // untuk kode dibawah ini, silahkan anda coba hilangkan // didepannya anda akan menemukan sesuatu yang lain. just try it. //$bplot->SetWidth(1.0); //9 memasukkan batang ke dalam gambar $graph->Add($bplot); //10 set judul dan style nya, disini saya memberi warna hitam(dimana jika warna tidak diset warna hitam adalah defaultnya. hilangkan tanda // pada baris ketiga untuk memberi warna biru pada judul grafik. $graph->title->Set("Diagram batang sederhana"); $graph->title->SetFont(FF_ARIAL,FS_BOLD); //$graph->title->SetColor("blue");



//11 menentukan tulisan yang akan muncul di bawah dan di samping grafik. title untuk sumbu x dan sumbu y dan stylenya $graph->xaxis->title->Set("data"); $graph->yaxis->title->Set("nilai"); $graph->yaxis->title->SetFont(FF_ARIAL,FS_NORMAL); $graph->xaxis->title->SetFont(FF_ARIAL,FS_NORMAL); //13 menampilkan gambar, gambar tidak akan muncul apabila kita tak menyertakan kode di bawah ini $graph->Stroke(); // oh ya, sebagai tambahan, nama file gambar grafik yang kita buat akan sesuai dengan nama file php kita ini. //untuk menampilkan gambar ini pada file html atau php lain, kita cukup menggunakan tag seperti kita menampilkan gambar biasa. ?>

Untuk menampilkan grafik yang telah kita buat pada halaman html atau php, kita bisa menggunakan tag seperti apabila kita ingin menampilkan gambar pada halaman html atau php. Berikut ini contoh kode html yang menampilkan grafik yang telah kita buat. menampilkan gambar latihan1
Ini jika ditampilkan dengan halaman html



Catatan. File latihan1.php (file untuk membuat grafik) harus satu folder dengan file html ini. Beriku ini screenshot (karena tanpa skrinsyut berarti hoax ????) dari grafik yang telah kita buat.

Hasil grafik dari file latihan1.php



Tampilan pada halaman html

Membuat grafik batang sederhana menggunakan JpGraph

Recommend Documents