Tutorial PHP | Membuat Grafik Data Vertikal dengan PHP

Tanggal : Sunday, 12 October 2008 | Jam : 10 : 23 : 38 PM | GMT : +0700 | Negara : Indonesia

Posted By: Dr.emi

Membuat Grafik Data Vertikal dengan PHP

27-05-2008 | 00:06:11 | Halaman Ini dibaca 6829 kali

Membuat Grafik Data Vertikal dengan PHP

dengan format Graphic Batang

ni cara bikin grafik sederhana tanpa gambar di PHP, dengan bentuk vertikal

pertama kita butuh sql data dari database:
bikin database, dengan nama: graph_dbase

ni bwat table SQL na:

Code:

CREATE TABLE `report_toko` (
`id` int(11) NOT NULL auto_increment,
`nama_toko` varchar(255) NOT NULL default '',
`laba` int(11) NOT NULL default '0',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data for table `report_toko`
--

INSERT INTO `report_toko` VALUES (1, 'Toko A', 100000);
INSERT INTO `report_toko` VALUES (2, 'Toko B', 25000);
INSERT INTO `report_toko` VALUES (3, 'Toko C', 15000);
INSERT INTO `report_toko` VALUES (4, 'Toko D', 5000);

wuki singkat saja, gw mao bikin koneksi dlo:

Code:

$varData = array('localhost', 'root', '', 'graph_dbase');
list($host, $user, $pass, $db) = $varData;
$con = mysql_connect($host, $user, $pass);
mysql_select_db($db, $con) or die('ERROR DBASE CON');

ambil query untuk jumlah terbesar dari laba (MAX) dan total seluruh laba (SUM) dalam baris table:

Code:

$qry = mysql_query("SELECT * FROM report_toko") or die('ERROR REPORT DATA');
//ambil data MAX dari laba
$max = mysql_query("SELECT MAX(laba) FROM report_toko") or die('ERROR MAX DATA');
list ($most_value) = mysql_fetch_row($max);
mysql_free_result($max);

//jumlahkan (SUM) seluruh nilai laba dalam baris data sebagai ttlLaba
$sum = mysql_query("SELECT SUM(laba) AS ttlLaba FROM report_toko") or die('ERROR SUM DATA');
$ttl = mysql_fetch_array($sum);

sebagai keluaran data, gw memanfaatkan table bwat bikin graphic na menjadi vertical. Jadi kaga make fungsi2 gambar lib dari PHP.

Code:

<table border=0 cellspacing=5 cellpadding=0 align="center" style="background-color:#ABCDEF;border:1px solid blue;"><tr>

<?
while($row=mysql_fetch_array($qry))
{
if($most_value==0)
$most_value=1; // menghandle nilai field laba yang nol
//mulai proses data value untuk graphic
$graphLineValue = round(($row[laba] * 100) / $most_value);
$percent = round(($row[laba] * 100) / $ttl[ttlLaba], 2);
?>
<td valign="bottom" title="Nama Toko: <? echo $row['nama_toko']; ?>"><table border=0 cellpadding=0 cellspacing=2>
            <tr align=center valign=bottom><td style="background-color:#E0F0FF;"><table border=0 cellspacing=0 cellpadding=0 width=100%>
            <tr align=center><td height=102 valign=bottom nowrap style="color:black;font-family:Arial, Helvetica;font-size:12px;"><? echo $percent; ?> %</td>
         </tr><tr align=center valign=bottom><td><table border=0 cellspacing=0 cellpadding=0><tr><td style="border:2px outset white;" bgcolor="#A0C0F0" title="<? echo "Rp. ".number_format($graphLineValue,3,"",".").",-".""; ?>"><div style="width:20px; height:<? echo $graphLineValue; ?>px; line-height:1px; font-size:1px;"></div></td></tr></table></td></tr></table></td></tr><tr align=center>
            <td style="color:#000000;background-color:#FFFFFF;border:2px groove white;font-family:Arial, Helvetica;font-size:12px;" nowrap> <? echo "Rp. ".number_format($graphLineValue,3,"",".").",-".""; ?>  </td>
         </tr><tr><td bgcolor="#C0E0FF" style="color:#000000;background-color:#C0E0FF;border:2px groove white;font-family:Arial, Helvetica;font-size:12px;text-align:center;"> <? echo $row['nama_toko']; ?> </td>
         </tr></table></td>
<?
}
?>
</tr></table>

<div style="font-family:'Courier New'; font-size:24px; font-weight:bold; padding-top:20px; text-align:center;">
<?
echo "Total Laba = Rp. ".number_format($ttl[ttlLaba],0,"",".").",-"."";
?>
</div>

sebagai penentu tinggi dari graphic na ada pada baris:

Code:

$graphLineValue = round(($row[laba] * 100) / $most_value);

NOTE: round = pembulatan digit angka dibelakang koma

sedangkan untuk perhitungan nilai persentase na ada pada baris:

Code:

$percent = round(($row[laba] * 100) / $ttl[ttlLaba], 2);

jadi kalo di preview di browser, jadi ke gini:

Download disini bwat source code na

Implementasi Boleh | Copy Paste Dilarang

Artikel Category => Tutorial PHP

Link ke halaman ini :

<a href="http://www.ilmuwebsite.com/detil_php_tutorial/36/Membuat_Grafik_Data_Vertikal_dengan_PHP/">Membuat Grafik Data Vertikal dengan PHP</a>

Link-nya akan seperti ini >> Membuat Grafik Data Vertikal dengan PHP
Comment Untuk Artikel Ini :

- Hjkhjk
09-06-2008 | 16:41:12 | koneksi: | ip: (202.3.208.15) | proxy: ()

Khjkhjk

- Kadeyasa
05-06-2008 | 10:06:29 | koneksi: | ip: (118.98.214.74) | proxy: ()

Terimakasi atas scriptnya, apakah saya dapat menguhubungi anda tolong kirimkan email ke email saya
kadeyasa@yahoo.co.id
jika tidak keberatan mohon ajarin saya buat web secara dinamis dengan php

- Black@swad
03-06-2008 | 14:14:41 | koneksi: | ip: (125.161.139.96) | proxy: ()

Wah... hebat euuy. dr.emi emang master. selain Graphic Design bisa programming juga. berapa lama belajarnya.....?

- Dr.emi
27-05-2008 | 08:23:40 | koneksi: | ip: (125.163.23.106) | proxy: ()

Wah sori om black... artikel om jadi ktumpuk.. hihikk

Statistik Situs

Visitor

: 1058776

Pages

: 4091941

Sejak 24 Januari 07

Informasi Anda:

IP:
38.103.63.59

Proxy:

Koneksi:

Live Chat

: b_scorpio

: Al-K

: Phii

: Safril

: Ivan

Shortcut

News Website

- Rilis terbaru Mandriva 2009

- Open Source CMS Award 2008

- Photobucket Menghemat Bandwidth

Belajar PHP

- Database in OOP way: Select data mysql with mysqli

- Passing variable menggunakan Session

- Lebih dalam dengan OOP

PHP Tutorials

- Membuat PDF dengan fpdf

- menyembunyikan lokasi image

- Total Visitor

HTML

- Membuat Box Style Link Cantik ala dr.emi dengan CS

- Beautifull Form dr.emi with CSS

- Ngetik Realtime - Document Object Model

Ajax

- Tutorial Ajax

Javascript

- Membuat pertanyaan konfirmasi

- Tulisan Matrix

- Hujan Cinta

SEO Artikel

- Bagaimana Seharusnya Penggunaan Image dan Flash

- Mobile Search dan Masa Depan Search Engine 2010

- Mendapatkan Link Popularity dari Artikel Directory

SEO Tutorial

- Menghilangkan Label Google Malware Badware

- Make Over Meta Description Anda

- Pengenalan dan Panduan Google Webmaster Tools

PhotoShop

- Dynamic Energy Saver From Gigabyte

- Sony Ericsson Logo

- USB Flash Drive Illustration

CorelDraw

- Teknik Gambar Bentuk Lipatan Kertas

- Teknik Gambar Bentuk Bagian 1

- Membuat Butiran Air

Flash Tutorials

- Membuat Logo Animasi

- Membuat Flash Icon Animasi

- Membuat Trail Mouse

Free Domain

- Free Subdomain co.cc

- Free subdomain uni.cc

- Domain gratis Lagi... | .name |

Free Hosting

- 000webhost - Hosting gratis PHP SQL

- Free Host PHP

- AwardSpace | Free PHP MySql

Review Software

- Perintah suara di windows dengan VRCommander

- PlayStation 2 Emulator

- Pdf Password Crack Pro 3.0

Hacking

- PHP Security - Cek Bug PHP Script

- Hacking Video - Career Academy Hacking

- CD Hacking Tools 2007 - Gratis

Banner Kami:

<a href="http://www.ilmuwebsite.com" target="_blank"><img src="http://unair.info/img/iweb.jpg" border="0"></a>

RSS per-Kategori
News
Belajar PHP
Tutorial PHP
Hacking

Thanks For Who Link Us :.

Caranya ikut promosi?

Menu
Home
News Website
PHP Programing
Belajar PHP
Tutorial PHP
PHP Reference
Ajax Programing
Ajax
Web Basic
Tutorial HTML
Javascript
Search Engine
Artikel Search Engine
Tutorial Search Engine
Design Grafis
Tutorial Photoshop
Tutorial CorelDraw
Tutorial Flash
Free Stock Photo
Domain & Hosting
Domain Gratis
Hosting Gratis
CMS
CMS
Software
Review Software
Hacking
Tutorial Hacking
Linux
Tutorial Linux
Computer Maintenance
Tutorial Jaringan
Interaksi dengan Kami
Guest Book | Buku Tamu
Penulis & Daftar Komunitas

Web Tools

- Hosting Speed

by: websitepulse.com

- Cek Pagerank
by: prchecker.info

- Cek C Class IP by: webrankinfo.com