Diagram seringkali dibutuhkan dalam menganalisa suatu penjualan atau stock barang, dengan adanya diagram akan lebih memudahkan penggunakan dalam membaca data dibandingkan dengan menggunakan angka-angka yang sulit dimengerti.

Pada tutorial pemrograman PHP kali ini saya akan share bagaimana cara membuat diagram sederhana menggunakan pemrograman php, hal yang pertama harus disiapkan adalah apache server sebagai webserver, disini saya menggunakan XAMPP sebagai webserver karna lebih mudah digunakan, anda bisa membaca artikel Cara Install XAMPP yang sebelum sudah saya posting disini.

Langkah pertama, buat database dengan nama grafik.  kemudian paste script berikut pada query SQL phpmyadmin.

CREATE TABLE IF NOT EXISTS `barang` (
  `nama` varchar(15) NOT NULL,
  `jumlah` int(5) NOT NULL
);

INSERT INTO `barang` (`nama`, `jumlah`) VALUES
('Monitor', 100),
('Mouse', 150),
('Flashdisk', 200),
('Keyboard', 250),
('Webcam', 300);

buat sebuah file dengan nama diagram.php pada localhost / htdoc anda. dan paste code dibawah ini :

<?php
$gambar = imagecreate(500,400); /* Buat gambar dengan ukuran 500 x 400 pixel */
$putih = imagecolorallocate($gambar,255,255,255); /* warna putih 255 255 255 (RGB) */
$hitam = imagecolorallocate($gambar,0,0,0); /* warna hitam */
$abu = imagecolorallocate($gambar,66,66,66); /* warna abu-abu */
imagefill($gambar,1,0, $abu); /* isi baground dengan warna putih */

mysql_connect("localhost","root",""); /* koneksi ke server apache */
mysql_select_db("grafik"); /* memilih database */

$x1=10; /* jarak data pertama dari pinggir yaitu 10 pixel */
$x2=80;  /* lebar untuk data pertama (80 pixel) */

$sql = mysql_query("SELECT * FROM barang"); /* query SQL untuk menampilkan data pada tabel motor */
while($r=mysql_fetch_array($sql))
{
    $nama=$r['nama']; /* hasil dari record nama */
    $jumlah=$r['jumlah']; /* hasil dari record jumlah */
    $warna = imagecolorallocate($gambar,79,129,189); /* isi data dengan warna biru (RGB=79 129 189) */
    $y1= 400 - $jumlah; /* tinggi data 400 px di kurangi dengan jumlah data */
    $t1 = 370; /* jarak  tulisan dari atas 370 pixel dari border bagian dalam*/
    $t3 = $y1 - 20; /* meletakkan tulisan di atas data (nama barang) */
    $t2 = $x1; /* jarak nama dari pinggir data 1px */
    
    imagefilledrectangle($gambar,$x1,$y1,$x2,350 ,$warna);    
    imagestring($gambar,5,100,10,"Jumlah Stock Barang (Dalam Diagram)",$putih); /* Judul Diagram */    
    imagestring($gambar,3,$t2,$t3,"$nama",$putih);     /* angka 3 adalah ukuran font;  $hitam= warna font */
    imagestring($gambar,3,$t2,$t1,"($jumlah) unit",$putih);     /* angka 3 adalah ukuran font;  $hitam= warna font */
    
    $x1= 20 + $x2; /* jarak antar data untuk data ke 2,3,4 dan seterusnya*/
    $x2 = $x1 + 80 ; /* lebar untuk data ke 2,3, dan seterusnya (80 pixel) */  
}
header("Content-Type:image/jpeg"); /* tampilkan dalam bentuk gambar dalam JPG */
imagejpeg($gambar); /* tampilkan grafik  */
?>

Hasil nya akan seperti ini :

Semoga Bermanfaat.