Contact | Sitemap | Announcement | Privacy Policy | Disclaimer |
$value) { if (strpos($param, 'color_') === 0) { google_append_color($google_ad_url, $param); } else if (strpos($param, 'url') === 0) { $google_scheme = ($GLOBALS['google']['https'] == 'on') ? 'https://' : 'http://'; google_append_url($google_ad_url, $param, $google_scheme . $GLOBALS['google'][$param]); } else { google_append_globals($google_ad_url, $param); } } return $google_ad_url; } $google_ad_handle = @fopen(google_get_ad_url(), 'r'); if ($google_ad_handle) { while (!feof($google_ad_handle)) { echo fread($google_ad_handle, 8192); } fclose($google_ad_handle); } ?>

Translate

Tuesday, June 19, 2012

Tutorial Membuat Grafik dengan PHP

Kali ini saya akan shering  sedikit tentang cara pembuatan grafik sederhana menggunakan php.

Langkah Pertama buat CODINGNYA seperti di bawah ini :
-------------------------------------------------------------
<?php
      include "fungsi_indotgl.php";
      mysql_connect("localhost", "root", "") ;
      mysql_select_db("nama_database");

      $result = mysql_query("SELECT bulan,total_penjualan, SUM(total_penjualan) as total FROM penjualan GROUP BY bulan");  
 echo "<graph caption='Annual Sales Summary (2004 - 2007)' xAxisName='Month' yAxisName='Logistic' numberPrefix=''>";
 $colors = array('AFD8F8','F6BD0F','8BBA00','FF8E46','008E8E','D64646','8E468E','588526','B3AA00','008ED6','9D080D','A186BE','CC6600','FDC689','ABA000','F26D7D','FFF200','0054A6','F7941C','CC3300','006600','663300','6DCFF6'); 

 $no=0;
      while ($data = mysql_fetch_array($result)) {
        $bulan=konversi_bulan($data[bulan]);
echo "<set name='$bulan' value='$data[total_penjualan]' color='$colors[$no]' />";
$no++;
      }
 echo "</graph>";
 

?>

Simpan dengan nama grafik.php
---------------------------------
langlah kedua buat fungsi tanggal  untuk konversi dari bulan (03 ke Maret).
---------------------------------

<?php           
function konversi_bulan($bln){
switch ($bln){
case 1: 
return "Januari";
break;
case 2:
return "Februari";
break;
case 3:
return "Maret";
break;
case 4:
return "April";
break;
case 5:
return "Mei";
break;
case 6:
return "Juni";
break;
case 7:
return "Juli";
break;
case 8:
return "Agustus";
break;
case 9:
return "September";
break;
case 10:
return "Oktober";
break;
case 11:
return "November";
break;
case 12:
return "Desember";
break;
}
?>
Simpan dengan nama fungsi.indotgl.php

langkah ke tiga buat indexnya 
------------------------------
<html>
<head>
<title>Sample grafik</title>
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<script type="text/javascript" src="JS/jquery.fusioncharts.js"></script>
<SCRIPT LANGUAGE="Javascript" SRC="JS/FusionCharts.js"></SCRIPT>

</head>
<body>
<center>
<span id="myChart1Container">Loading FusionCharts!</span>
<span id="myChart2Container">Loading FusionCharts!</span>
<script type="text/javascript">
$('#myChart1Container').insertFusionCharts({
swfPath: "Charts/",
id: "chart1",
width: "600",
height: "400",
type: "Column3D",
data: "grafik.php",
dataFormat: "URIData"
});

$('#myChart2Container').insertFusionCharts({
swfPath: "Charts/",
id: "chart2",
width: "700",
height: "500",
type: "Pie3D",
data: "grafik.php",
dataFormat: "URIData"
});
</script>

</center>
</body>
</html>
------------------------
simpan dengan nama index.php

langkah terakhir download file Charts Disini

Contoh Screenshot


Jika ada kesulitan dengan tutorial diatas silahkan tinggalkan komentar , 
semoga dapat membantu



4 comments:

Unknown said...

saya udah buat databasenya mas
tapi data yang dari database tersebut biar menghasilkan grafik gimana caranya mas

Ahtar said...

Ikuti aja mas tutor di atas yang terpenting pembuatan querynya saya sarankan untuk pembuatan querynya dengan bantuan software navicat, baca juga cara pembuatan query dengan navicat Disini

Unknown said...

tidak ada hasil

Unknown said...

mas bisa minta tolong donk lg butuh ni share di email saya amung.saputro@gmail.com untuk pembuatan grafik,,ingin kita pelajari secara langsung sekalian sql nya mas biar bisa praktek,,,,,Thks..