« URL Mod Rewrite Part 2 – htaccess
Membuat Smilies »

Membuat Grafik Data Vertikal dengan PHP

Line Break
Penulis: Admin (227 Articles)
Admin
Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Berawal dari hoby sharing akan ilmu web development di tahun 2007 oleh 2 mahasiswa.
Contact:
Homepage : http://www.ilmuwebsite.com
Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar

Membuat Grafik Data Vertikal dengan PHP

Membuat Grafik Data Vertikal dengan PHP tutorial 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:

Membuat Grafik Data Vertikal dengan PHP tutorial php

Download disini bwat source code na


Cari artikel lain :


Membuat Grafik Data Vertikal dengan PHP tutorial php Video Tutorial : Belajar Membuat Website
Dapatkan Video Tutorial : Belajar Membuat Website. Membahas Tuntas Cara Membuat Web secara mudah & lengkap.
Membuat Grafik Data Vertikal dengan PHP tutorial php Template Joomla
CD koleksi template joomla berkualias, cantik, indah dan menarik, di kemas dalam 4 CD, dapatkan di sini ...
Membuat Grafik Data Vertikal dengan PHP tutorial php Paket CD Hacking v3
Tools, Articles, Movies, Exploits, Trojans, Programming, PDA, Advisories, Mobile, BT4
Membuat Grafik Data Vertikal dengan PHP tutorial php Ilmuwebsite Services
1. Joomla2Wordpress Conversion Services kami akan mengkonversi mirip dengan website aslinya, 2. PSD/JPEG to CMS? Anda desain kami jadikan CMS. Klik disini
Related Post:

This entry was posted on Saturday, May 30th, 2009 at 3:20 AM and is filed under Tutorial PHP. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply