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 :).
Post a Comment
Related Posts Plugin for WordPress, Blogger...