Membuat Grafik dengan HighCharts di PHP dan Oracle

Posted on

Membuat laporan atau data statistik adalah bukan hal yang mudah, kali ini saya akan menjelaskan cara membuat Grafik dengan HighCharts di PHP dan Oracle kebanyakan tutorial mengimplemenatsikan dalam mySQL, saya coba konversi ke DBMS Oracle.

Tahapan :

  • Unduh dulu file JS/HighCharts terlebih dahulu [download], dan ekstrak dalam folder baru beri nama HighCharts.
  • copy paste ke notepad source code dibawah ini

<html>
<head>
<script src=”HighCharts/js/jquery.min.js” type=”text/javascript”></script>
<script src=”HighCharts/js/highcharts.js” type=”text/javascript”></script>

<?php /*======================================================

Scripting oleh         : Andhika Nur Afian

Website : http://fieyanh.blogspot.com

Email : andhika.na@gmail.com

========================================================*/ ?>

<script type=”text/javascript”>
var chart1; // globally available
$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: ‘container’,
            type: ‘column’
         },  
         title: {
            text: ‘Grafik Produksi Ikan Bulan Juni’
         },
         xAxis: {
            categories: [‘Jenis Ikan Tangkapan’]
         },
         yAxis: {
            title: {
               text: ‘Jumlah Berat (Kilogram)’
            }
         },
              series:            
            [
            <?php
        include (“../konfigurasi/server.php”);
           $query = “SELECT DISTINCT JENIS_IKAN_ID FROM DATA_HARIAN WHERE DH_BULAN=’06’ AND DH_TAHUN=’2014′”;
           $hasil = oci_parse($conn1,$query);
           $data = oci_execute($hasil,OCI_DEFAULT);
            while ($row=oci_fetch_array($hasil)){
            $jenis=$row[0];
                 $query1 = “SELECT JENIS_IKAN_ID,SUM(DH_BERAT),SUM(DH_NILAI) FROM DATA_HARIAN WHERE JENIS_IKAN_ID=’$jenis’ GROUP BY JENIS_IKAN_ID”;
           $hasil1 = oci_parse($conn1,$query1);
           $data1 = oci_execute($hasil1,OCI_DEFAULT);
            while ($row1=oci_fetch_array($hasil1)){
                    $jumlah = $row1[1];
                  }            
                  ?>
                  {
                      name: ‘<?php echo $jenis; ?>’,
                      data: [<?php echo $jumlah;?>]

                  },
                  <?php } ?>
            ]
      });
   }); </script>
</head>
<body>
<div id=’container’></div> </body>
</html>

  • Simpan dengan nama trychart.php, letakan pada folder htdocs
  • coba buka browser anda ketik localhost/trychart.php
  • maka hasilnya seperti ini :
Grafik dengan Library HighCharts
Selamat mencoba kawan….
Gravatar Image
Suka jalan-jalan, naik sepeda, bermain code-code asal tidak suka mengkode cinta. Hubungi email : andhika.na@gmail.com jika anda butuh website untuk personal maupun bisnis.

3 thoughts on “Membuat Grafik dengan HighCharts di PHP dan Oracle

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.