Cara Membuat Grafik Batang dengan PHP
omahkoding.com – Hallo guys ketemu lagi dengan saya di omahkoding.com | Tempat belajar koding pertama di Semarang da Yogyakarta. Kali ini omahkoding akan memberikan tutorial cara membuat grafik batang dengan menggunakan php.
Cara Membuat Grafik Batang dengan PHP
Langkah 1 :
Buatlah Database dulu dengan nama : tutorial
Langkah 2 :
Memuat table dengan nama : tabelpenjualan, seperti dibawah ini
| id | int(11) | primary key |
| nama_barang | varchar(255) | |
| jumlah_penjualan | int(11) |
Scriptnya :
|
1 2 3 4 5 6 |
CREATE TABLE `tpenjualan` ( `id` int(11) NOT NULL auto_increment, `nama_barang` varchar(255) collate latin1_general_ci NOT NULL, `jumlah_penjualan` int(11) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=5 ; |
Isi table dengan data seperti dibawah ini :
| id | nama_barang | jumlah_penjualan |
| 1 | Pensil | 15 |
| 2 | Penggaris | 367 |
| 3 | Buku | 90 |
| 4 | Penghapus | 125 |
Scritpnya :
|
1 2 3 4 5 |
INSERT INTO `tpenjualan` (`id`, `nama_barang`, `jumlah_penjualan`) VALUES (1, 'Pensil', 15), (2, 'Penggaris', 367), (3, 'Buku', 90), (4, 'Penghapus', 125); |
Nah jika kalian sudah melakukan perintah diatas, selanjutnya kita meng implementasikan nya ke browser agar menampilkan grafik batang sesuai yang kita ingin kan. kali ini kita akan menggunakan table seperti berikut ini .
Langkah ke 3 :
Membuat koneksi ke database :
Baca Juga :
Pengertian HTML
langkah ke 4 :
Grafik Batang menggunakan table
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<?php // Koneksi database include 'koneksidatabaase.php'; //Query table $query1 = mysql_query("SELECT SUM(jumlah_penjualan) as tot FROM tpenjualan"); $data = mysql_fetch_array($query1); //Menghitung jumlah data + 1 $query2 = mysql_query("SELECT * FROM tpenjualan"); $jumdata = mysql_num_row($query2); $jumdata++; echo" <table border=0 cellpadding=0 cellspacing=5 bgcolor='#009900'> <tr height=50> <td colspan=$jumdata align='center'> <p><font color='#FFFFFF'><b>GRAFIK PERSENTASE<br>JUMLAH PENJUALAN BARANG<br>TOKO SAYA</b></font></p> </td> </tr> <tr valign='bottom' height='200px'> <td></td>"; /* Menambah kolom tabel. round digunakan untuk pembulatan digit angka di belakang koma */ while($data=mysql_fetch_array($query)) { $panjang = round($data[jumlah_penjualan]/$total[tot]*100, 2); echo" <td width='70px' align='center' bgcolor='#82FFB7'> $panjang%"; //Membuat grafik vertikal echo"<table height='$panjang%' bgcolor='#DD0000' border=0 width='20px'> <tr><td></td></tr></table> </td>"; } /* Baris baru untuk menampilkan jumlah penjualan */ echo" </tr> <tr> <td align='right'><font color='#FFFFFF'>Jumlah</font></td>"; $query = mysql_query("select * from tpenjualan"); while($data=mysql_fetch_array($query)) { echo" <td align='center' width='70px' bgcolor='#FFFFFF'>$data[jumlah_penjualan]</td>"; } /* Baris baru untuk menampilkan nama barang */ echo" </tr> <tr> <td align='right'><font color='#FFFFFF'>Nama Barang</font></td>"; $query = mysql_query("select * from tpenjualan"); while($data=mysql_fetch_array($query)) { echo" <td align='center' width='70px' bgcolor='#FFFFFF'>$data[nama_barang]</td>"; } echo" </tr> <tr> <td colspan=$jumdata align='center'> <font color='#FFFFFF'><b>Total Jumlah Penjualan = $total[tot]</b></font> </td> </tr> </table>"; ?> |
Selesai
Jika benar maka akan menampilkan seperti gambar di bawah ini :
Itu saya tutorial kali ini dari omah koding, semoga bermanfaat.