Highcharts Gauge

I’m trying to draw a Highcharts Gauge with this fantastic widget. But nothing is showing…

Can anyone please point me in the right direction?





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


   'options'=>array(

      'scripts' => array(

        'highcharts-more'

      ),

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

      'title' => array('text' => 'Total Recebido no Ano'),

      'chart' => array('type' => 'gauge',

                       'alignTicks'=>'false',  

                       'plotBackgroundColor'=>'null',

                       'plotBackgroundImage'=>'null',

                       'plotBorderWidth'=>'0',

                       'plotShadow'=>'false',

                       ),

      'pane'  => array(

                  'startAngle' => '-150',

                  'endAngle' => '150',

//                  'background' => array(

//                      array('backgroundColor' => array('linearGradient' => array('x1'=>0, 'y1'=>0, 'x2'=>0, 'y2'=>1),'stops'=>array('0'=>'#FFF','1'=>'#333')),'borderWidth' => 0,'outerRadius'=> '109%'),

//                      array('backgroundColor' => array('linearGradient' => array('x1'=>0, 'y1'=>0, 'x2'=>0, 'y2'=>1),'stops'=>array('0'=>'#333','1'=>'#FFF')),'borderWidth' => 0,'outerRadius'=> '107%'),

//                       'backgroundColor' => '#DEF','borderWidth' => 0,'outerRadius'=> '109%','innerRadius'=> '103%'

//                       ),

                 ),

      'yAxis' => array(

         'title' => array('text' => 'K€'),

         'min' =>'0',

         'max' =>'200',

         'minorTickInterval'=>'auto',

         'minorTickWidth'=>'1',

         'minorTickLength'=>'10',

	       'minorTickPosition'=>'inside',

	       'minorTickColor'=>'#666',

         'tickPixelInterval'=>'30',

	       'tickWidth'=>'2',

	       'tickPosition'=>'inside',

	       'tickLength'=>'10',

	       'tickColor'=> '#666',

         'lineColor'=> '#339',

         'labels' => array('step' => '2', 'rotation'=>'auto'),

         'plotBands' => array(

                 array('from' => '0', 'to'=>'120', 'color'=>'#DF5353'),

                 array('from' => '120', 'to'=>'160', 'color'=>'#DDDF0D'),

                 array('from' => '160', 'to'=>'200', 'color'=>'#55BF3B'),

          )

 

         

      ),


      'series' => array(

         array('name' => 'Valor Recebido em '.$ano, 

               'data' => '[80]',

               'color'=>'#8bbc21',

               'tooltip'=>array('valueSuffix'=>' K€'),

               'dataLabels' => array(

                   'backgroundColor' => array(

                         'linearGradient' => array('x1'=>0, 'y1'=>0, 'x2'=>0, 'y2'=>1),

                         'stops'=>array('0'=>'#FFF','1'=>'#333')

                         ),

              ),

      ),      

         

   )

)));