Place Widget (Highcharts) In Zii Widget

Hello All,

I have the following problem:

I have a instance of CJuiAccordion, but i assume this holds true with all Zii widgets




  <?php

    $this->widget('zii.widgets.jui.CJuiAccordion', array(

        'panels' => array(

            'Report' => $this->renderPartial('_rpgender', array('model'=>$model), true),

        ),

        'options' => array(

            'collapsible' => true,

            'active' => 1,

        ),

        'htmlOptions' => array(

            'style' => 'width:500px;'

        ),

    ));

    ?>

end a next file in the view to render

<?php




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

	'options'=>array(

		'title' => array('text' => 'gender of juniors'),

		'tooltip' => array(

			'pointFormat' => '<b>{point.percentage}%</b> ({point.y})',

			'percentageDecimals' => 1

		),

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

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

		'series' => array(array(

			'type' => 'pie',

			'data' => array(

				array('male juniors',count($model->reportMales())),

				array('female juniors',count($model->reportFemales())),

	

			),

		))

	)

));

?>

The highcharts works fine when not in the tab

How Can I get this tab to show the highchart output