10 April 2013

Membuat Laporan Pada PHP Dalam Penyajian Grafik (FusionCharts)

By kreasi

On 10:18

Grafik adalah representasi grafis dari data, dimana data digambarkan dengan simbol, beberapa batang dalam grafik batang, garis-garis dalam grafik garis, atau bentuk potongan-potongan seperti grafik pie. Sebuah grafik menggambarkan angka-angka, fungsi atau beberapa struktur kualitatif. (sumber : http://en.wikipedia.org/wiki/Chart).

Ada beberapa jenis grafik yaitu histogram, grafik batang, grafik pie, grafik baris dan masih banyak grafik lainnya yang tidak bisa saya sebutkan satu persatu. Grafik biasanya ditampilkan sebagai bentuk laporan, bisa laporan perminggu, perbulan atau pertahun. Dengan grafik, orang dapat lebih mudah memahami sebuah data dibanding harus melihat data dalam bentuk angka-angka yang terkadang memusingkan.

FusionCharts merupakan aplikasi flash berbasis open source untuk membuat grafik bergerak (animasi) berdasarkan data. Dibuat menggunakan Macromedia Flash MX, FusionCharts dapat digabungkan dengan bahasa pemgrograman lain seperti PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on Rails dan sebagainya untuk membuat grafik yang interaktif dan powerful. (sumber : http://www.fusioncharts.com)

Okelah klo begitu, kita langsung mulai aja. Di pembahasan ini saya akan sharing membuat grafik menggunakan php dan fusion chart. Ada dua bahasan yang akan saya sharing yaitu, membuat grafik statis dan grafik dinamis. Grafik statis berarti data yang ditampilkan hanya dari code program yang dimodifikasi, sedangkan grafik dinamis dibuat berdasarkan data dari database. Untuk bahasan awal, saya akan sharing membuat grafik statis dengan FusionCharts, langkahnya :

Unduh komponen FusionCharts versi gratis alias free melalui website resminya disini
Pastikan di browser anda sudah terinstall flash player terbaru, jika belum silahkan unduh disini
Setelah komponen dan script FusionCharts diunduh, letakkan di dalam folder root anda,misalnya anda menyimpan di C:\webserver\htdocs\grafik\.
Buatlah sebuah halaman web untuk menampilkan grafik dan beri nama filenya grafik_statis.php, kode porgramnya yaitu :

<?php

include("class/FusionCharts_Gen.php");

?>

<html>

  <head>

    <title>First Chart Using FusionCharts PHP Class</title>

    <script language='javascript' src='js/FusionCharts.js'></script>

  </head>

  <body>

  <?php

  # Include FusionCharts PHP Class

  # Create object for Column 3D chart

  $FC = new FusionCharts("Column2D","800","350");

  # Setting Relative Path of chart swf file.

  $FC->setSwfPath("Charts/");

  # Store chart attributes in a variable

  $strParam="caption=Grafik Penjualan Jengkol Per Minggu; xAxisName=Minggu ;yAxisName=Jumlah (dalam Kg);decimalPrecision=0; formatNumberScale=0";

  # Set chart attributes

  $FC->setChartParams($strParam);

  # add chart values and category names

  $FC->addChartData("150","name=Minggu Ke 1");

  $FC->addChartData("250","name=Minggu Ke 2");

    # Render Chart

   $FC->renderChart();

  ?>

  </body>

</html>

5.  Jalankan file grafik_statis.php dan lihatlah hasilnya  . Keren kan?!

Di pembahasan kedua ini saya sharing membuat grafik dinamis,beri nama filenya grafik_dinamis.php dimana datanya diambil dari database yang bisa diunduh di akhir pembahasan, kode programnya yaitu :

<?php

include "koneksi.php";

include("class/FusionCharts_Gen.php");

?>

<html>

  <head>

    <title>First Chart Using FusionCharts PHP Class</title>

    <script language='javascript' src='js/FusionCharts.js'></script>

  </head>

  <body>

  <?php

  # Include FusionCharts PHP Class

  # Create object for Column 3D chart

  $FC = new FusionCharts("Column3D","800","350");

  # Setting Relative Path of chart swf file.

  $FC->setSwfPath("Charts/");

  # Store chart attributes in a variable

  $strParam="caption=Grafik Penjualan Buku Bulan $bulan $tahun; xAxisName=Jenis Buku ;yAxisName=Jumlah Terjual;decimalPrecision=0; formatNumberScale=0";

  # Set chart attributes

  $FC->setChartParams($strParam);

  $kategori = mysql_query("SELECT IdKat, Kategori FROM kat_buku");

  //$tracking = mysql_query("SELECT Nama_Karyawan FROM master_karyawan WHERE Kode_Nama_Cabang='SRJ' AND Category_Tracking='sales'");

while ($r_kat = mysql_fetch_array($kategori)){

    $id_kat = $r_kat['IdKat'];

    $kat = $r_kat['Kategori'];

    $counter1 = 0;

             //$total = mysql_num_rows(mysql_query("SELECT IdKat,TglTerjual FROM penjualan_buku WHERE IdKat='$kat' AND LEFT(TglTerjual,4)='2012' AND MID(TglTerjual,6,2)='02'"));

             $total = mysql_query("SELECT IdKat,TglTerjual FROM penjualan_buku WHERE IdKat='$id_kat' AND LEFT(TglTerjual,4)='2012' AND MID(TglTerjual,6,2)='02'");

             $counter1++;

    //$persentase = ($total!=0 || $review !=0)?($review / $total) *100:0;

    $total = mysql_num_rows($total);

  # add chart values and category names

  $FC->addChartData("$total","name=$kat");

}

    # Render Chart

    $FC->renderChart();

  ?>

  </body>

</html>

Saya rasa, di setiap perusahaan mungkin berbeda parameternya, jadi tinggal anda modifikasi saja. Kode program dan file database bisa anda unduh disini. Semoga bermanfaat

.

Sumber

13 komentar

Balas

microlite

10 April 2013 at 09:08

makasih gan buat infonyaaa

Balas

timbangan

10 April 2013 at 09:09

kerenn gan caranyaaa, baru tahu nihhh makasiihhh

Balas

gear khk

10 April 2013 at 09:11

ane mau belajar PHP nih gan, thanks

Balas

kreasi

10 April 2013 at 11:09

Sama2 gan,..

Balas

kreasi

10 April 2013 at 11:12

sama ni gan, ane jg lg bljar mndalami PHP,... :)

Balas

kreasi

10 April 2013 at 11:15

siip gan,... kunjung balik lg yha... hehehe

Balas

adit

14 April 2013 at 14:35

gan mau tanya nih..
kalau type chart-nya diganti pake MSColumn3D kok ndak mau ya?
malah keluar notice kayak gini,,
"Notice: Undefined offset: 0 in C:\xampp\htdocs\grafik1\class\FusionCharts_Gen.php on line 1053"
gimana cara ngatasinnya?
trims

Balas

kreasi

16 April 2013 at 09:58

Maap gan, ane mlah lum smpet coba,.. bsok lo dh ane coba ane sharing lg,... thxs.

Balas

H K

10 May 2013 at 05:33

Sip rul ...

Bisa jd referensi program nhh ...

Ow ya, mode hemat dayanya dpanjangin donk, masa cuma ngetik sbntr trus muncul mode tsb ...
Kira" 5 menit lahh, mode tsb muncul ...

Balas

kreasi

11 May 2013 at 18:41

Ok bro, sheep,...
klamaan tu 5 sec,... hohooo,... :D

Balas

Latah_ndhoe

23 September 2013 at 22:21

gan cara melewatkan atribut variabel kedalam parameter fungsi AddChart gimana ya ? tks gan ...

Balas

Latah_ndhoe

23 September 2013 at 22:33

thank gan tutotrialnya aplikatif banget ... cara melewatkan variabel pada parameter fungsi AddChart gimana ya ? atau ada referensi u/ setting parameter pada bilangan berkoma gak ? tks ...

Balas

kreasi

27 September 2013 at 09:36

$tahun = isset($_POST['cmbTahun']) ? $_POST['cmbTahun'] : "";
if($_GET) {
// Jika Tombol Tampilkan di klik
if (isset($_POST['btnShow'])) {
$tahun =$_POST['cmbTahun'];
}
}

untuk variabel yang mungkin bisa dikirim gan,..