Minggu, 14 Desember 2014
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 :
1.
Unduh komponen FusionCharts versi gratis
alias free melalui website resminya disini
3.
Setelah komponen dan script FusionCharts
diunduh, letakkan di dalam folder root anda,misalnya anda menyimpan di
C:\webserver\htdocs\grafik\.
4.
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 ..
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>
1 Comment:
-
15 Desember 2014 pukul 04.03
i Likee
Subscribe to:
Posting Komentar (Atom)
