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