Jquery 如何在使用活动Highchart graph时优化页面负载？

我正在使用yii框架中的活动Highchart小部件生成grahs。小部件以html呈现所有打印点，因此页面加载需要时间。我需要绘制30小时内的分钟数据。一页上有3个这样的图以及3个条形图。加载需要几分钟的时间。在视图源中还可以看到许多空的span标记。有人能告诉我如何优化它吗

我的代码块如下

查看代码：

 $this->Widget('ext.ActiveHighcharts.HighchartsWidget', array(
    'dataProvider'=>$interestsDataProvider,
    'template'=>'{items}',
    'options'=> array(
        'exporting'=>array(             //Disable print and export options
            'enabled'=>false,
        ),
        'title'=>array(
            'text'=>'Interests By 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() { return '<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 data
                'dataResource'=>'yesterday',     //data resource according to datebase column
                'fillOpacity'=>0.5,

              ),
             array(
                'type'=>'area',
                'name'=>$today,             //title of data
                'dataResource'=>'today',     //data resource according to datebase column
                'fillOpacity'=>0.5,
                'color'=> '#DC3912',
          ),

        ),


    )
));

---

您是否尝试使用本机highcharts而不是yii包装器？我尝试使用活动highcharts，因为它直接将查询结果连接到图形，从而节省读取数据和转换为json的处理时间。我有几个要点需要绘制，因此尝试使用活动的highcharts。为什么不能使用getJSON进行通信？我可以使用json传递数据，我尝试探索小部件方法json似乎更有效，但您需要在自己的环境中进行测试。