Minggu, 27 Januari 2013

Grafik Berbasis WEB Dengan DataBase

Assalamu'alaikum wr.wb...


Okey untuk lanjutan posting yang kemarin.... masalah buat grafik berbasis web, nah tapi yg sekarang load datanya dari database, bahan-bahan yang dibutuhkan sama kayak yang kemaren, cuman ditambah koneksi ke database alias buat table dulu di database. buat tablenya cukup begini aja :

nah langsung aja ya ke codingnya, oh iya jngan lupa buat koneksi dan saya pasti uda pada bisa semua,
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script src="js/highcharts.js"></script>
<script type="text/javascript">
    $(function(){
        $(document).ready(function(){
            chart=new Highcharts.Chart({
                chart:{
                    renderTo:'grafik',
                    type:'column'
                },
                title:{
                    text:"Data Hasil Pertanian tahun 2012",
                    x:-20
                },
                subtitle:{
                    text:"(Dikelompokan Berdasarkan Satuan Perkilo)",
                    x:-20
                },
                xAxis:{
                    categories:['Jenis']
                },
                yAxis:{
                    title:{
                        text:"Satuan perKilo"
                    }
                },
                series:[
<?php
include 'Koneksi.php';
$sql = "select jenis from pertanian";
$result = mysql_query($sql);
while ($rows = mysql_fetch_array($result)) {
    $jenis = $rows['jenis'];
$sql1="select jumlah from pertanian where jenis='$jenis'";
$result1=  mysql_query($sql1);
while($rows1=  mysql_fetch_array($result1)){
    $jumlah=$rows1['jumlah'];
}
?>
{
name:'<?php echo $jenis;?>',
data:[<?php echo $jumlah;?>]
 },

<?php }?>
 ]
                                });
                            });
                        });
</script>
<div id="grafik" style="width: 500px; height: 400px; margin: 0 auto"></div>

nah pada intinya klo kayak yang kemaren  tinggal ngubah di seriesnya aja diganti dengan sytax sql..... nah klo yang ini saya pake contoh bar chart. nih outputnya:
 
 okey sekian ya... semoga bermanfaat yang kemaren nanya buat KPnya semoga belum telat..... maacih.. ^_^ kritik dan saran jangan lupa ya....

1 komentar:

  1. nama file formatnya apa kak ya,klo php format filenya gk mau aktif kode phpnya di skripnya,mhon bantuannya kak..?

    BalasHapus