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')
),
),
),
)
)));