Pages

Saturday, February 02, 2008

Membuat Grafik dengan PHP/SWF Chart



Salah satu cara untuk membuat grafik untuk aplikasi web adalah adalah dengan memanfaatkan PHP/SWF Chart. Caranya adalah :
1. Unduh berkas untuk fungsi-fungsi grafiknya di PHP/SWF Chart.
2. Extrak di direktori utama dari aplikasi yang kita buat. Maka akan di peroleh 2 berkas baru dan 1 direktori yaitu charts.php, charts.swf, dan direktori charts_library yang berisi pustaka grafik berupa berkas .swf.
3. Sebagai contoh, coba buat berkas dengan nama testgrafik.php dan sample.php.
4. Berkas testgrafik.php isi dengan ini :
include "charts.php";

echo InsertChart ( "charts.swf", "charts_library",
"sample.php", 600, 400, "FFFFFF", false );

5. Untuk sample.php kita akan menampilkan grafik dari data mysql. Isinya seperti ini :
include "hubung.php";
include "charts.php";

//switch the series colors
$chart [ 'series_switch' ] = true;

//hide the legend
$chart [ 'legend_rect' ] = array ( 'x'=>-1000 ,
'y'=>-1000 );

$chart [ 'series_color' ] = array ( "FFFFFF",
"000000", "FFF000" );

//dari mysql );

$d = mysql_query("select * from config");

$h = mysql_fetch_array($d);

$dt = mysql_query("select sum(cl1),sum(cl2),sum(cl3),
sum(cl4),sum(cl5) from suara where idkb = '$h[0]'");

$hsl = mysql_fetch_array($dt);

$tot = $hsl[0] + $hsl[1] + $hsl[2] + $hsl[3] + $hsl[4];

$g1 = round(($hsl[0] / $tot) * 100,2);

$g2 = round(($hsl[1] / $tot) * 100,2);

$g3 = round(($hsl[2] / $tot) * 100,2);

$g4 = round(($hsl[3] / $tot) * 100,2);

$g5 = round(($hsl[4] / $tot) * 100,2);

$chart [ 'axis_value' ] = array (
'alpha' => 0
);
$chart [ 'chart_value' ] = array (
'prefix' => "",
'suffix' => "%",
'decimals' => 2,
'decimal_char' => ".",
'separator' => "",
'position' => "outside",
'hide_zero' => false,
'as_percentage' => true,
'font' => "Arial",
'bold' => true,
'size' => 10,
'color' => "000000",
'alpha' => 90
);

$chart [ 'series_gap' ] = array (
'set_gap' => 50
);


$chart [ 'chart_data' ] = array ( array
( "", "1", "2", "3"),
array ( "test", $g1, $g2, $g3 )
);

$chart [ 'chart_type' ] = "stacked 3d column";
//send the new data to charts.swf
SendChartData ( $chart );


Hasil yang di dapat jika kita memanggil testgrafik.php melalui web browser adalah seperti ini :



Masih banyak jenis grafik yang didukung oleh PHP/SWF Chart ini. Tapi secara default akan menampilkan grafik batang (bar).

Untuk info lebih lengkap dengan fungsi-fungsi lainnya bisa langsung ke bagian referensi dari situsnya. Ok selamat mencoba :).

3 comments:

Unknown said...

mana code "hubung.php"nya? mana database mysql-nya?
tks.

takdir said...

pak Hikajat : hubung.php itu hanya untuk mengkoneksikan antara aplikasi dan database. contohnya banyak pak, bisa cari di google saja. sedangkan databasenya sesuaikan dengan database yang bapak buat saja. ok selamat ngoprek, ditunggu hasilnya ;)

Unknown said...

php/swf chartnya mana ?

Related Posts Plugin for WordPress, Blogger...