Membuat Open Flash Chart di Yii Framework
Open Flash Chart berfungsi untuk membuat sebuah informasi dalam bentuk grafik pada sebuah website. pada kesempatan kali ini penulis mencoba untuk menerapkannya dalam framework Yii.
hal yang pertama harus dilakukan adalah mendownload widgetnya di disini. setelah anda download taruh folder tersebut dibawah protected/extentions. maka akan terlihat struktur seperti berikut :
- ...
- protected
- ...
- extensions
- ...
- OpenFlashChart2Widget
- open-flash-chart-2-Lug-Wyrm-Charmer
- swfobject
- OpenFlashChart2Loader.php
- OpenFlashChart2Widget.js
- OpenFlashChart2Widget.php
- ...
- ...
- ...
* jangan taruh semua hasil extrakan tapi hanya folder OpenFlashChart2Widget saja.
setelah itu kita tambahkan code berikut untuk mengkonfigurasi OpenFlashChart2Loader di (protected/config/main.php):
return array( // autoloading model and component classes 'import'=>array( 'application.models.*', 'application.components.*', 'application.extensions.OpenFlashChart2Widget.OpenFlashChart2Loader', ), );
langkah selanjutnya adalah membuat grafik. kita tulis code data grafiknya di controller kita.
public function actionChart() { OpenFlashChart2Loader::load(); //letakan data grafik kita disini $chart ; //test adalah nama file view kita yang berisikan widget grafik $this->render('test', array( 'chart' => $chart )); }
disini saya contohkan membuat di controller/MahasiswaController.php
public function actionChart()
{
OpenFlashChart2Loader::load();
// dibawa ini adalah data grafik kita
$title = new title( date("D M d Y") );
$data = array(9,8,7,6,5,4,3,2,1);
$bar = new bar_dome();
$bar->set_values( $data );
$bar->set_on_show(new bar_on_show('grow-up',1,0,5));
$chart = new open_flash_chart();
$chart->set_title( $title );
$chart->add_element( $bar );
$chart;
$this->render('test', array(
'chart' => $chart
));
}
jangan lupa menambahkan accesRule chart di controller kita.
setelah itu kita tambahkan widget grafik kita di view/mahasiswa/test.php
<?php $this->widget('bootstrap.widgets.BootBreadcrumbs', array(
'links'=>array('Organisasi'=>'index', 'Manage'),
));
$this->widget(
'application.extensions.OpenFlashChart2Widget.OpenFlashChart2Widget',
array(
'chart' => $chart,
'width' => '100%'
)
);
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
?>
setelah itu coba kita lihat dibrowser kita dengan controller mahasiswa/chart maka akan
tampil grafik seperti berikut :
