La verdad no entendí muy bien, de verdad lo lamento, es que soy primeriza en php y js de broma lo he tocado, el codigo que estoy trabajando es este:
////////////////////////////////////////////////////////////////
Código PHP:
<html>
<head>
<?php
$con=mysql_connect("localhost","root","");
mysql_select_db("bd", $con);
$rangoo1=$_POST['ano_grado1'];
$rangoo2=$_POST['ano_grado2'];
$sql="SELECT * FROM alumnoEgresados where ano_grado='".$rangoo1."' or ano_grado='".$rangoo2."'";
$res=mysql_query($sql); //lo guarda en una variable
$numeroRegistros=mysql_num_rows($res); //cuenta la cantidad de filas que tiene el query
$sql2="SELECT * FROM ano_grado";
$res2=mysql_query($sql2);
?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
var numeroRegistrosjs = "<?php echo $numeroRegistros; ?>" ;
var anos = "<?php echo $ano_grados; ?>" ;
numeroRegistrosjs2 = parseFloat(numeroRegistrosjs);
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart()
{
var data = google.visualization.arrayToDataTable([['A\u00F1o', 'Egresados'],
[anos, numeroRegistrosjs2]]);
var options = {
title: 'Estudiantes Egresados por A\u00F1o', titleTextStyle :{fontSize: 22},
vAxis: {title: 'Cantidad', titleTextStyle: {color: 'blue', fontSize: 20}},
hAxis: {title: 'A\u00F1o', titleTextStyle: {color: 'blue', fontSize: 20}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<br>
<form action="pagina.php" method="post">
<b><table>
<tr>
<td align="right"><b>Rango 1: </b><font color="blue"> </font></td>
<td>
<select name="ano_grado1">
<option value=""> </option>
<?php while($ano_grado=mysql_fetch_array($res2)) //es el forech del query
{
?>
<option value="<?php echo $ano_grado['ano_grado'];?>"> <?php echo $ano_grado['ano_grado'];?> </option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td align="right"><b>Rango 2: </b><font color="blue"> </font></td>
<td>
<select name="ano_grado2">
<option value=""> </option>
<?php while($ano_grado=mysql_fetch_array($res2)) //es el forech del query
{
?>
<option value="<?php echo $ano_grado['ano_grado'];?>"> <?php echo $ano_grado['ano_grado'];?> </option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td> </td>
<td align="center"><br><input type="submit" value="Calcular" /></td>
</tr>
</table>
</form>
</body>
<?php
mysql_close();
?>
</html>
///////////////////////////////////////////////////////////////////////////
El cual ya arroja la grafica pero no con valores, los rangos que son dados por el graficador de google que son dados por la siguientes lineas que ya se vieron arriba:
/////////////////////////////////////////////////////////////////////
Código PHP:
var data = google.visualization.arrayToDataTable([['A\u00F1o', 'Egresados'],
[anos, numeroRegistrosjs2]]);
///////////////////////////////////////////////////////////////////////
Son los que deseo sacar de la base de datos, por medio del parametros año y numeroRegistrosjs2, que son los que no me dan el recorrido que deben dar, estos son valores que deben ser sacados de la base de datos, que estan alli..
Los años deben ir en la parte horizontal, todos los años que posean almacenados en la base de datos, y las cantidades de alumnos por ese año en el lado vertical que es numeroRegistrosjs2, pero ambos valores no los logro resolver, tal ver el de las cantidades sea sencillo para mi porque es un row de la base de datos, pero el otro es el que me esta trayendo problemas por ser una cadena.