scripts is outside options and be carefull with :
-
datatypes: null-false , integers, floats all of then without quotes.
-
structure: many arrays and is very common to have errors
1 simple example here.
$this->Widget('ext.widgets.highcharts.HighchartsWidget', [
'scripts' => [
'highcharts-more', // enables supplementary chart types (gauge, arearange, columnrange, etc.)
'modules/exporting', // adds Exporting button/menu to chart
'themes/grid' // applies global 'grid' theme to all charts
],
'options'=>[
'title' => ['text' => 'Speedometer'],
'credits' => ['enabled' => false],
'chart' => [
'type' => 'gauge',
'plotBackgroundColor'=>null,
'plotBackgroundImage'=>null,
'plotBorderWidth'=>0,
'plotShadow'=>false,
],
'pane' => [
'startAngle' => -150,
'endAngle' => 150,
'background'=> null,
//'center'=> ['75%','65%']
'background' => [
['backgroundColor' => ['linearGradient' => ['x1'=>0, 'y1'=>0, 'x2'=>0, 'y2'=>1],'stops'=>[[0,'#FFF'],[1,'#333']]],'borderWidth' => 0,'outerRadius'=> '109%'],
['backgroundColor' => ['linearGradient' => ['x1'=>0, 'y1'=>0, 'x2'=>0, 'y2'=>1],'stops'=>[[0,'#333'],[1,'#FFF']]],'borderWidth' => 1,'outerRadius'=> '107%'],
[],
['backgroundColor' => '#DDD','borderWidth' => 0,'outerRadius'=> '105%','innerRadius'=> '103%']
],
],
'yAxis' => [
'title' => ['text' => 'Km/h'],
'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' => ['step' => 2, 'rotation'=>'auto'],
'plotBands' => [
['from' => 0, 'to'=>120, 'color'=>'#DF5353'],
['from' => 120, 'to'=>160, 'color'=>'#DDDF0D'],
['from' => 160, 'to'=>200, 'color'=>'#55BF3B'],
]
],
'series' => [
['name' => 'speed', 'data' => [80], 'tooltip' => ['valueSuffix'=>'km/h']],
],
],
]);
