Can't Display More Than One Flash Chart With Xflexslider

Hi all,

I have a view in which I have a slider set up:




$this->widget('ext.xflexslider.XFlexSlider', array(

        "slides" => array(

            //use view

            'slide1' => array(

                'caption' => 'This image is wrapped in a link!',

                'view' => 'showchart1',

               

            ),

          'slide2' => array(

                'caption' => 'This image is wrapped in a link!',

                'view' => 'showchart2',

               

            ),

        ),

        

        'flexsliderOptions' => array(

            'animation' => "'slide'",

            //  'slideDirection' => 'vertical',

            'mousewheel' => true,

            'slideshow' => false,

            

        ),

    ));




The code in showchart one looks like this:




<?php


    $chart1 = Student::createlinechart(11);

    $this->widget(

            'application.extensions.OpenFlashChart2Widget.OpenFlashChart2Widget', array(


        'chart' => $chart1, // this is an object created using OpenFlashChart2's

        // PHP language binding.

        'width' => '100%',

        'height' => '400',

            )

    );


?>



and showchart2 :




<?php


      $chart2 = Student::createlinechart(23);

    $this->widget(

            'application.extensions.OpenFlashChart2Widget.OpenFlashChart2Widget', array(


        'chart' => $chart2, // this is an object created using OpenFlashChart2's

        // PHP language binding.

        'width' => '100%',

        'height' => '400',

            )

    );


?>



The problem is I can only display one of these charts if I remove the other slide. If I try to display both nothing shows up.

Any help appreciated, Thanks.