CodeIgniter-Indonesia

Mohon maaf, mungkin tulisan ini melengkapi tulisan Sdr. Rafeequl,
khususnya untuk para newbie seperti saya ini. Contoh yang saya buat se-sederhana mungkin (data untuk chartnya masih statik, belum diambil dari database). Untuk ke depannya dapat dikembangkan sesuai kebutuhan masing-masing.

Chart yang ada tidak hanya bentuk Pie saja, mungkin rekan-rekan dapat mencoba bentuk lainnya.

Sebelum mencoba contoh di bawah ini, proses "instalasi "-nya dapat dibaca di Blog-nya Sdr. Rafeequl tentang Menggunakan OpenFlashChart pada CodeIgniter.

Sekarang langsung saja pada contoh-nya:

CONTROLLER
Buatlah sebuah file dengan nama openflashchart.php dan simpan di folder application/controllers/
Isi dari openflashchart.php adalah sebagai berikut :


<?
Class Openflashchart extends Controller {
 function Openflashchart(){
  parent::Controller();
  }

 function index(){
  // Load library graph
  $this->load->library('graph');

  //Sintaks : pie( integer $alpha, string $line_colour, string $style )
  //$alpha nilainya (0-100).Pada saat mouse di atas slice, maka akan tampak dari $alpha to 100.
  //$line_colour : Nilai warna outline dalam HEXadecimal
  //$style : CSS style dari labels.
  //Gunakan {display: none;} untuk menghapus labels, Nilai label tetap akan ditampilkan pada tooltips
  //Contoh di bawah ini PIE chart, 75% alpha
  $this->graph->pie(75,'#505050','{font-size: 12px; color: #404040;');

  // Nilai yang diberikan untuk Pie Chart
  $this->graph->pie_values( array(20,40,40), array('IE','Firefox','Opera') );

  // Warna dari masing-masing slice
  $this->graph->pie_slice_colours( array('#d9db35','#487daf','#d00000') );

  // Tool tip yang akan ditampilkan pada saat mouse di atas slice
  $this->graph->set_tool_tip( 'Persentase : #val# ' );
  $this->graph->bg_colour = '#FFFFFF';
  $this->graph->title( 'Contoh Pie Chart', '{font-size:14px; color: #7F7772; padding-bottom:25px}' );
  $this->graph->set_output_type('js');
  $this->load->view('v_openflashchart');
  }

}
?>


VIEW
Buatlah sebuah file dengan nama v_openflashchart.php dan simpan di folder application/views/
Isi dari v_openflashchart.php adalah sebagai berikut :


<?=$this->graph->render()?>