Sample HightChart 1

<?php
$this->breadcrumbs=array(
    'Penghimpunans'=>array('index'),
    'Manage',
);
/*
$this->menu=array(
    array('label'=>'List Penghimpunan', 'url'=>array('index')),
    array('label'=>'Create Penghimpunan', 'url'=>array('create')),
);
*/
Yii::app()->clientScript->registerScript('search', "
$('.search-button').click(function(){
    $('.search-form').toggle();
    return false;
});
$('.search-form form').submit(function(){
    $.fn.yiiGridView.update('penghimpunan-grid', {
        data: $(this).serialize()
    });
    return false;
});
");
?>

<h1>Summary per Wilayah</h1>

<p>
You may optionally enter a comparison operator (<b>&lt;</b>, <b>&lt;=</b>, <b>&gt;</b>, <b>&gt;=</b>, <b>&lt;&gt;</b>
or <b>=</b>) at the beginning of each of your search values to specify how the comparison should be done.
</p>

<?php echo CHtml::link('Advanced Search','#',array('class'=>'search-button')); ?>
<div class="search-form" style="display:none">
<?php $this->renderPartial('_search',array(
    'model'=>$model,
)); ?>
</div><!-- search-form -->

<?php $this->widget('bootstrap.widgets.BootGridView', array(
    'id'=>'penghimpunan-grid',
    'dataProvider'=>$model->search(),
    'type'=>'striped bordered condensed',
    'filter'=>$model,
    'columns'=>array(
        'id',
        'zakat_fitrah',
        'zakat_maal',
        'zakat_profesi',
        'fidyah',
        /*
        'id_wajihah',
        'id_marketer',
        'source',
        'created_stamp',
        'updated_stamp',
        */
        array(
            'class'=>'bootstrap.widgets.BootButtonColumn',
            'htmlOptions'=>array('style'=>'width: 50px'),
        ),
    ),
)); ?>

<h1>Penghimpunan VS Target</h1>
<p>&nbsp;</p>
<div class="row-fluid">
    <div class="span12 well">
    <?php
        for ($y=1;$y<=31;$y++){
        $tgl[]=$y;

    }

    $this->Widget('ext.highcharts.HighchartsWidget', array(
       'options'=>array(
          'title' => array('text' => 'Penghimpunan vs Target'),
          'xAxis' => array(
             'categories' => array(
                'DKI Jakarta',
                'Jawa Barat',
                'Jawa Timur',
                'Jawa Tengah',
                'Sumatra Barat',
                'Sumatra Selatan',
                'Kalimantan',
                'Sulawesi',
                'Papua',
                'Asdf JKL',
                'QWERTY',
                'Luar Negeri')
          ),
          'legend'=> array(
            'layout'=>'vertical',
            'backgroundColor'=>'#FFFFFF',
            'align'=>'left',
            'verticalAlign'=>'top',
            'x'=>100,
            'y'=>70,
            'floating'=>'true',
            'shadow'=>' true'
        ),
          'yAxis' => array(
             'title' => array('text' => 'Perolehan')
          ),
          'series' => array(

            array(
            'type' => 'column',
            'name'=>'Thn Lalu (1432)',
            'data'=>array(49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4)
            ),
            array(
            'type' => 'column',
            'name'=>'Perolehan Sekarang',
            'data'=>array(83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3)
            ),
            array(
            'type' => 'column',
            'name'=>'Target',
            'data'=>array(48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2)
            )

            /* array('name' => 'DKI Jakarta', 'data' =>     array(1, 2, 4)),
             array('name' => 'Jawa Barat', 'data' =>    array(5, 7,13)),
             array('name' => 'Jawa Timur', 'data' =>    array(3, 5,23)),
             array('name' => 'Jawa Tengah', 'data' =>   array(2, 7,33)),
             array('name' => 'Sumatra Barat', 'data' => array(8, 7,43)),
             array('name' => 'Sulawesi', 'data' =>      array(7, 7,13)),
             array('name' => 'Jawa Barat', 'data' =>    array(3, 8, 9))*/
          )
       )
    ));
    ?>
    </div>
</div>

<h1>Penghimpunan Perprovinsi</h1>
<p>&nbsp;</p>
<div class="row-fluid">
    <div class="span12 well">
    <?php
    for ($y=1;$y<=31;$y++){
        $tgl[]=$y;

    }

    $this->Widget('ext.highcharts.HighchartsWidget', array(
       'options'=>array(
          'title' => array('text' => 'Perolehan Ziswaf 1433 H'),
          'xAxis' => array(
             'categories' => $tgl
          ),
          'yAxis' => array(
             'title' => array('text' => 'Fruit eaten')
          ),
          'series' => array(
             array('name' => 'DKI Jakarta', 'data' =>   array(1, 2, 4, 6,13,40,60,65,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Jawa Barat', 'data' =>    array(5, 7,13, 6,25,34,6,0,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Jawa Timur', 'data' =>    array(3, 5,23,26,53,4,6,0,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Jawa Tengah', 'data' =>   array(2, 7,33,62,43,24,6,0,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Sumatra Barat', 'data' => array(8, 7,43,26,32,34,6,0,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Sulawesi', 'data' =>      array(7, 7,13,15,0,62,0,0,0,0,0,0,0,0,0,0,0,0)),
             array('name' => 'Jawa Barat', 'data' =>    array(3, 8, 9,10,25,35,0,0,0,0,0,0,0,0,0,0,0,0))
          )
       )
    ));
    ?>
    </div>
</div>
<?php
Yii::app()->clientScript->registerScript('eyecatching', "
$('thead th').addClass('btn-primary hputih');
");
?>