Membuat Open Flash Chart di Yii Framework

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 :

Untuk melihat contoh2 bentuk grafik lainya bisa dilihat disini.