jquery - How to optimise the page load when using Active Highchart graph? -

jquery - How to optimise the page load when using Active Highchart graph? -

i using active highchart widget in yii framework generate grahs. widget renders plot points in html, due page load takes time. have minute-wise info plot 30 hr period. there 3 such graphs along 3 bar graphs on 1 page. takes few minutes load. many empty span tags can seen in view source. can lemme know how can optimised?

my code block follows

view code:

$this->widget('ext.activehighcharts.highchartswidget', array( 'dataprovider'=>$interestsdataprovider, 'template'=>'{items}', 'options'=> array( 'exporting'=>array( //disable print , export options 'enabled'=>false, ), 'title'=>array( 'text'=>'interests min' ), 'xaxis'=>array( "categories"=>'date', "tickinterval" =>120, 'labels' => array( "enabled"=> true, "formatter"=>new cjavascriptexpression("function() {return setxaxis((this.value))}"), ), ), 'yaxis' => array( 'title' => array('text' => 'contacts'), 'max'=>700 ), "tooltip"=>array( "formatter"=>new cjavascriptexpression("function() { homecoming '<b>'+this.series.name +'</b> <br/>'+setxaxis((this.x))+' hrs : '+(this.y) ;}"), ), 'plotoptions'=>array( 'series'=>array( 'cursor'=> 'pointer', 'trackbyarea' =>true, //makes graph area clickable 'marker'=>array( 'enabled'=>false, ), 'events'=> array( 'click'=>new cjavascriptexpression("function() {openwindow('interests')}"), ), )), 'series'=>array( array( 'type'=>'area', 'name'=>$lastweek, //title of info 'dataresource'=>'yesterday', //data resource according datebase column 'fillopacity'=>0.5, ), array( 'type'=>'area', 'name'=>$today, //title of info 'dataresource'=>'today', //data resource according datebase column 'fillopacity'=>0.5, 'color'=> '#dc3912', ), ), ) ));

jquery yii highcharts