Membuat Grafik

International Indonesian
1

Minta bantuan dong,

saya mau buat grafik dari table yang saya punya, yaitu anggaran(gambar terlampir).

Lalu saya menggunakan highchart dengan code di view sepeti berikut

<?php

$this->Widget(‘ext.highcharts.HighchartsWidget’, array(

‘options’=>array(

  'title' =&gt; array('text' =&gt; 'Grafik Anggaran'),


  'xAxis' =&gt; array(


     'categories' =&gt; array(&#036;model-&gt;tahun)


  ),


  'yAxis' =&gt; array(


     'title' =&gt; array('text' =&gt; 'Dana')


  ),


  'series' =&gt; array(


     array('name' =&gt; 'Dana', 'data' =&gt; array(&#036;model-&gt;dana))

)

)));

?>

kenapa gambarnya gak keluar ya(gambar terlampir)?

Mohon bantuannya… Terima Kasih

2

  1. apakah data di tabel benar2 ada?? cba cek dahulu. .

  2. di controller cba tambahin ini gan




public function actionIndex()

	{

		// renders the view file 'protected/views/site/index.php'

		// using the default layout 'protected/views/layouts/main.php'

		//$this->render('index');

		if (!Yii::app()->user->IsGuest){ 

			//$this->render('index');  

			$sql='SELECT * FROM anggaran';

		

			$dataProvider=new CSqlDataProvider($sql,array(

								'keyField' => 'id',

			));

			$this->render('index',array(

				'dataProvider'=>$dataProvider,

			));

			

		}else{                            

			$this->redirect(array('login'));  

		}

	}
  1. di view agan



<?php


$bb=array();

foreach($dataProvider->getData() as $i=>$ii)

	$bb[$i]=array($ii['tahun'],doubleval($ii['dana']));


$this->Widget('ext.highcharts.HighchartsWidget', array(

   'options'=>array(

      'series' => array(

         array('type'=>'pie',

               'data' => $bb

              )

      ),

      'title' => array('text' => 'judul di sini'),

      'tooltip' => array(

		'formatter' => 'js:function(){ return "<b>"+this.point.name+"</b> :"+this.y; }'

      ),

      'plotOptions'=>array('pie'=>(array(

                    'allowPointSelect'=>true,

                    'showInLegend'=>true,

                    'cursor'=>'pointer',

                )

            )                       

        ),

      'credits'=>array('enabled'=>false),

   )

));


?>

CMIIW. . .

gak dicobain,hehe. . .

3

makasih gan sebelumnya udah repot2 ngebantuin :D

sudah ada gan datanya(gambar terlampir)…

ngikutin yang cara agan juga belum berhasil…

jadi rencananya grafiknya mau saya keluarkan di halaman admin,

berikut code di view admin

<?php

$this->breadcrumbs=array(

'Anggarans'=&gt;array('index'),


'Manage',

);

$jabatan=Yii::app()->user->jabatan;

if($jabatan==‘Admin’)

{

$this->menu=array(

array('label'=&gt;'Upload Program dan Anggaran', 'url'=&gt;array('create')),

);

}

?>

<div id="submenu">Daftar Program dan Anggaran</div>

<?php

$this->Widget(‘ext.highcharts.HighchartsWidget’, array(

‘options’=>array(

  'title' =&gt; array('text' =&gt; 'Grafik Anggaran'),


  'xAxis' =&gt; array(


     'categories' =&gt; array(&#036;model-&gt;tahun)


  ),


  'yAxis' =&gt; array(


     'title' =&gt; array('text' =&gt; 'Dana')


  ),


  'series' =&gt; array(


     array('name' =&gt; 'Dana', 'data' =&gt; array(&#036;model-&gt;dana))

)

)));

?>

<?php $this->widget(‘zii.widgets.grid.CGridView’, array(

'id'=&gt;'anggaran-grid',


'dataProvider'=&gt;&#036;model-&gt;search(),


'filter'=&gt;&#036;model,


'columns'=&gt;array(


	'judul_anggaran',


	'tahun',


	'penanggung_jawab',


	'dana',


	array(


		'class'=&gt;'CButtonColumn',


		'template'=&gt;'{view}',


	),


),

)); ?>

dan ini code di controller anggaran

/**

 * Manages all models.


 */


public function actionAdmin()


{


	&#036;model=new Anggaran('search');


	&#036;model-&gt;unsetAttributes();  // clear any default values


	if(isset(&#036;_GET['Anggaran']))


		&#036;model-&gt;attributes=&#036;_GET['Anggaran'];





	&#036;this-&gt;render('admin',array(


		'model'=&gt;&#036;model,


	));


}