problema con grafico de lineas en cakephp

[zeuzft]

estoy intentado ejecutar el siguiente codigo:

Código PHP:

  <?php echo $html->css('main'); ?> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<?php 
    $fecha=array(); 
    $media=array(); 
    $anio1=array(); 
    $anio2=array(); 
     
    //para fecha 
        foreach ($mrios as $mrio): 
            $inic=explode('-',$mrio['Mrio']['mriosfecha']); 
            $anio=$inic[0]; 
            $mes=$inic[1]-1; 
            $dia=$inic[2]; 
            //$fecha[]='new Date ('.$anio.','.$mes.','.$dia.'), '.(double)$mrio['Mrio']['mc'].')'; 
            $cabecera=array('Fecha', 'Media', 'Anio1', 'Anio2'); 
            $fecha[]=$mes.'-'.$dia; 
            $bp=$mes.'-'.$dia; 
            $media[]=(double)$mrio['Mrio']['promedio']; 
            $anio1[]=(double)$mrio['Mrio']['mc']; 
            $anio2[]=(double)$mrio['Mrio']['mc anio2']; 
            $info=array($bp.','.(double)$mrio['Mrio']['promedio'].','.(double)$mrio['Mrio']['mc'].','.(double)$mrio['Mrio']['mc anio2']); 
            $informacion= json_encode(array($cabecera,$fecha,$media,$anio1,$anio2)); 
        endforeach; 
         
        //pr(count($mrios)); 
        pr($informacion); 
?> 
    <script type="text/javascript"> 
      google.load("visualization", "1", {packages:["corechart"]}); 
      google.setOnLoadCallback(dibujarGrafico); 
          function dibujarGrafico() { 
            var data = google.visualization.arrayToDataTable(<?php echo $informacion; ?>); 
 
            var options = { 
              title: 'Caudal de rios periodo 2012 a 2013', 
              hAxis: {title: 'Caudal', titleTextStyle: {color: 'green'}}, 
              vAxis: {title: 'Metros Cubicos', titleTextStyle: {color: '#FF0000'}}, 
              backgroundColor:'#ffffcc', 
              legend:{position: 'bottom', textStyle: {color: 'blue', fontSize: 13}}, 
              width:900, 
            curveType: "function", 
            pointSize: 5, 
            height:500 
            }; 
 
            var grafico = new google.visualization.LineChart(document.getElementById('grafica')); 
            grafico.draw(data, options); 
          } 
    </script> 
 
<div id="main"> 
  <div id="nbanner">     
            <div class="pagelogo">&nbsp;</div>     
            <div class="pagemaintitle">Agro II</div> 
            <div class="pagemainsubtitle"><?php echo $html->link('Inicio', '/clients/index');?> / Caudales de Rios</div> 
                         
  </div>    
  <div id="maincontent"> 
   
     <div id="grafica"></div> 
      
      <?php $bc = '/bc:Inicio,index;Caudales de Rios,rios.module:AgroII';?> 
         
    </div>  

la intencion es que tenga 3 linea que serian (Media, año1,año2) y los ejes de x sean las fechas; estoy imprimiendo el array y lo datos estan normales, no se que podria faltar.
Gracias