miloschuman / yii-highcharts Goto Github PK

<div class="dashboard bg-white box-shadow brnr mrl mvl">
	<label class="color-ash ptl plxm">Details</label>
	<div class="pam mbm">
		<div class="row">
			<div class="col-xs-8 col-xs-offset-3">
				<label class="color-ash">Select Label</label>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-8 col-xs-offset-3">				
				<?php echo CHtml::dropDownList('ev_id', $model, 
		              CHtml::listData(EvTbl::model()->findAll(), 'ev_id', 'ev_title'),
		              array('empty' => '-- Select --', 'options' => array($model->ev_id=>array('selected'=>true)), 
		              	'ajax' => array(
					        'type'=>'POST', 
					        'url'=>$this->createUrl('dash/evreg'), 
					        'update'=>'#evChart', 
					        'data'=>array('ev_id' => 'js:$(\'#ev_id\').val()'),					        
					      )
		              ));  
		            ?>
			</div>
		</div>
	</div>
	
	<div id="evChart" class="paxm">		
	</div>
</div>

<div class="paxm">
	<div class="mbm">
		<label class="color-ash">Header</label>
	</div>
	<div class="box-shadow-around">
		<?php
			$this->Widget('ext.highcharts.HighchartsWidget', array(
				   'id' => 'evChart',   <---- If commented, chart displays on navigation menu
				   'options' => array(
				      'title' => array('text' => ''),
				      'xAxis' => array(
				         'categories' => array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'),
				      	 'labels' => array('enabled' => false),
				      	 'title' => array(
				      		'text' => 'Days', 
				      		'margin' => 40
				      	 )
				      ),
				      'yAxis' => array(
				         'title' => array('text' => '')
				      ),
				      'legend' => array('enabled' => false),
				      'plotOptions' => array(
				         'line' => array(
				            'dataLabels' => array('enabled' => true),
				            'enableMouseTracking' => true
				         )
				      ),
				      'credits' => array('enabled' => false),
				      'series' => array(
				         array('name' => 'John', 'data' => array(10, 0, 42, 12, 99, 69, 2, 12, 32, 10, 9, 55, 10, 0, 42, 12, 99, 69, 2, 12, 32, 10, 9, 55)),
				      )
				   )
				));
		?>
	</div>
</div>

...
public function actionEvReg()
{
	if (Yii::app()->request->isAjaxRequest && isset($_POST['ev_id'])) {
		$this->renderPartial('_chart', [], false, true);  <--- If $processOutput is false, then the chart is not displayed.

		Yii::app()->end();
	}
}
...

'yAxis' => array(
		'plotLines' => array(
           		'color' => '#FF0000',
           		'width' => 2,
            		'value' => 0.42
        	),
                'title' => array(
                         'text' => 'Results',
                 ),
	        'allowDecimals' => true,
	        'min' => -1.2,
		'max' => 1.6,	
             ),