highchart from CGridview/Database


i’m using highchart extension and i want to draw a chart using data from my Cgridview, can anyone help me to do it please

here is my CGridview

$this->widget('zii.widgets.grid.CGridView', array(












and this is an example of a chart,


 $this->widget('application.extensions.highcharts.HighchartsWidget', array(


     'chart'=> array('defaultSeriesType'=>'column',),

      'title' => array('text' => 'TITLE'),



      'yAxis'=> array(

            'min'=> 0,

            'title'=> array(




      'series' => array(

         array('data' => array(4,6,2,9,7))


      'tooltip' => array('formatter' => 'js:function() {return "<b>"+ this.x +"</b><br/>"+"Jumlah : "+ this.y; }'),











i don’t know how to integrate it

thank you

please, any help :frowning: